[欣賞代碼片斷] (JavaScript) Responsive jQuery

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)上的用戶體驗，值得擁有!