javascript - jQuery IE 问题

Question

var zoom = document.documentElement.clientWidth / window.innerWidth;
jQuery(window).resize(function() {

var zoomNew = document.documentElement.clientWidth / window.innerWidth;
    if (zoom != zoomNew) {
    alert('key is down');
    jQuery(".left_body").width((window.innerWidth-984)/2-6+"px");
    jQuery(".right_body").width((window.innerWidth-984)/2-6+"px");
    }
});

不能在 IE 中工作

Answer 1

这是因为

window.innerWidth

在 IE 中返回未定义。导致缩放值为NaN

var zoom = document.documentElement.clientWidth / window.innerWidth;

Answer 2

“window.innerHeight/Width 由大多数浏览器提供，但 Internet Explorer 8- 不提供，甚至在 Internet Explorer 9+ 中，在怪癖模式下也不可用。”

参考：

• http://www.howtocreate.co.uk/tutorials/javascript/browserwindow

• 如何在 Internet Explorer 8 中获取 innerWidth

..所以你将不得不找到一种支持跨浏览器的不同方法。在我发布的 stackoverflow 链接中，Sarfraz 接受的答案为您提供了您需要进行的更改。