jQuery(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) { } // add all your scripts here }); /* end of as page load scripts */
使用Responsive jQuery在JavaScript层面上，能够很好的改善用户在不同设备(Desktop, Tablet, Mobile)上的用户体验，值得拥有!