有没有办法让我获得window.onresize只刷新页面宽度调整大小？

Question

如果窗口宽度发生变化（而不是高度），我想制作类似下面的内容：

window.onresize = function(event)
{
   document.location.reload(true);
}

我已经尝试过做一些研究，包括在这里查看一些答案，但无论我做什么来调整我发现的代码都没有用。我怎么能这样做？

Answer 1

您可以尝试这样的事情：

var w = window,
d = document,
e = d.documentElement,
g = d.getElementsByTagName('body')[0],
x = w.innerWidth || e.clientWidth || g.clientWidth;
window.onresize = function(event){
    var t = w.innerWidth || e.clientWidth || g.clientWidth;
    if(t !== x) {
       document.location.reload(true);
    }
}