javascript - 调整容器 div 大小时刷新页面

Question

这是一个简单且非常直接的问题:如果媒体查询断点设置为 750px 和 970px，使用 jquery，是否可以在浏览器调整大小时 .container div 的宽度发生变化后刷新页面以及如何刷新页面？

Answer 1

您可能想使用媒体查询，但是，如果您确实想这样做，可以监听调整大小事件:

addEventListener('resize', function() {
    location.reload();
});

如果您只想在超过断点时重新加载，您可以跟踪最后一个innerWidth，并且仅在超过某个值时重新加载。或者不使用innerWidth，而使用div 的宽度。例如:

var last = document.getElementById('mydiv').clientWidth;
addEventListener('resize', function() {
    var current = document.getElementById('mydiv').clientWidth;
    if (current != last) location.reload();
    last = current;
});