如何在浏览器调整大小时刷新屏幕？

Question

是否可以刷新浏览器大小更改页面？我使用一些在页面上创建区域的样式,如果浏览器按比例缩小布局中断.

也许我可以用jQuery检测文档大小的变化？

Answer 1

立即查看此内容的任何人都可以 JQuery现在认为绑定一个已弃用的函数.

而proximus的响应方式(至少在Opera/Chrome/Firefox中),即使浏览器只是坐在那里,它也会不断轮询调整大小.看来resize函数在命中location.reload()时会自动调用,导致它达到无限循环.这就是我拉到一起也解决了问题.

jQuery(function($){
  var windowWidth = $(window).width();
  var windowHeight = $(window).height();

  $(window).resize(function() {
    if(windowWidth != $(window).width() || windowHeight != $(window).height()) {
      location.reload();
      return;
    }
  });
});

Answer 2

这是一个纯粹的JS解决方案,因为我认为将jQuery用于一切都是不公平的.

window.addEventListener('resize', function () { 
    "use strict";
    window.location.reload(); 
});

缺点是它不能在早于9的IE"浏览器"中工作.

Answer 3

简单的。这不会触发多个事件，只是每 x 秒触发一个事件。接受的答案会引发太多事件

var resizeTimeout;
window.addEventListener('resize', function(event) {
  clearTimeout(resizeTimeout);
  resizeTimeout = setTimeout(function(){
    window.location.reload();
  }, 1500);
});

对于 jQuery 替换window.addEventListener('resize'为$(window).resize

Answer 4

如果您正在寻找 jQuery 解决方案，您可以使用以下内容：

$(window).bind('resize', function() {
     location.reload();
});

也许另外使用超时是有意义的......