Question

当我调整窗口大小时，window.innerwidth不会更新。我不想使用jQuery。

var page = window.innerWidth;
var content = document.getElementById("content");
content.style.width = page - 300 + "px";

我试过了：

window.addEvent("resize", function() {
  console.log(window.getCoordinates().width);
});

无济于事

编辑：但是仍然没有修复window.innerwidth在调整大小时没有改变

Answer 1

window.onresize = function(event) {
  console.log(window.innerWidth);
};

但只有在调整大小完成后才会调用它。

Answer 2

应该是：

window.addEventListener("resize", function() {
    console.log(window.innerWidth);
});

Answer 3

此代码适用于我的浏览器：

<script>

    window.onresize = function() {    
        var widthWin = window.document.body.clientWidth;
        console.log(widthWin);         
    }

</script>

Window.innerwidth在浏览器调整大小时不会更新

3 个答案: