Created
May 20, 2013 18:53
-
-
Save internoma/5614408 to your computer and use it in GitHub Desktop.
Jquery responsive scripts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(document).ready(function($) { | |
| /* getting viewport width */ | |
| var responsive_viewport = $(window).width(); | |
| /* if is below 481px */ | |
| if (responsive_viewport < 481) { | |
| } /* end smallest screen */ | |
| /* if is larger than 481px */ | |
| if (responsive_viewport > 481) { | |
| } /* end larger than 481px */ | |
| /* if is above or equal to 768px */ | |
| if (responsive_viewport >= 768) { | |
| } | |
| /* off the bat large screen actions */ | |
| if (responsive_viewport > 1030) { | |
| } | |
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| if (window.matchMedia('only screen and (max-width: 480px)').matches) | |
| //do something |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment