不同的浏览器返回不同的宽度

时间:2014-02-09 21:08:37

标签: javascript jquery

我被吹走了。我正在尝试为响应式命令建立一个断点,当测试浏览器窗口宽度甚至图像宽度时,我从Chrome获得准确的回报,并且结果与firefox和IE相关。

访问此页面:http://sta.manageorsell.com/breakpoint.php同时使用Chrome和Firefox或IE。

你会看到我的观点。我完全简化了源代码。我甚至添加了一个setInterval来确保它与尚未加载的元素无关。

我被愚弄......

在今天的响应式世界中,用于测试视口/窗口宽度的浏览器兼容方法必须是开发人员最常见的需求之一

小组说什么?

杰 CompuMatter

1 个答案:

答案 0 :(得分:0)

我认为你被愚弄成为旧的IE怪癖模式陷阱:-) http://en.wikipedia.org/wiki/Quirks_mode

你还没有在DOCTYPE上为你的页面定义,这会将IE发送到quirks模式,这将模拟IE6,后者使用另一个盒子模型,然后使用其他盒子模型。 IE6使用border-box作为box-model,其他使用content-box作为box-model。 请参阅此帖有关箱型号的信息:http://css-tricks.com/the-css-box-model/

尝试向您的网页添加DOCTYPE,我建议使用HTML 5 doctype:     

作为额外的服务信息,我只是在Chrome 29,Firefox 23和IE 11中试用了您的样本,它们都返回相同的宽度。