javascript - 如何刷新窗口宽度在 480px 到 768px 之间的页面？

Question

我目前使用的代码:

// Resize when less than 768
$(document).ready(function(){
$(window).on('resize',function(){
    if ($(window).width() < 768) {   
      location.reload();  // refresh page 
    }
    else {  
      // Width greater than 768px for PC  
    }
}); 
});

但是当浏览器调整到小于 768px 时，这会不断地重新加载页面。是否有可能有一个代码只在浏览器说 480px 和 768px 之间调整大小时重新加载页面？谢谢!

Answer 1

当然可以:

// Resize when less than 768
$(document).ready(function(){
$(window).on('resize',function(){
    if (($(window).width() > 480) && ($(window).width() < 768)) {   
      location.reload();  // refresh page 
    }
    else {  
      // Width greater than 768px for PC 
      // Or width is smaller than 480 for mobile
    }
}); 
});