a jQuery plugin that adds viewport classes to the body tag
Add one of the following classes to the <body> element
viewport-xsviewport-smviewport-mdviewport-lg
- jQuery
<script type="text/javascript" src="yams.viewport.js"></script>
<script type="text/javascript">
// add callbacks before document ready
$.yams.viewport.addCallback(funcion(viewport) {
// viewport object schema
// {
// name: name of currently set viewport
// width: current window width
// height: current window height
// }
console.log('viewport is now ', viewport)
})
</script>
- By default, uses Bootstrap 3.2.x viewport sizes and nomenclature
.viewport-xs(default).viewport-sm(width >= 768).viewport-md(width >= 992).viewport-lg(width >= 1200)