我想知道为什么在浏览器标准和设备模拟模式下使用 $(window).width()
时会有不同。
当我在宽度为 1024px 的浏览器上使用 $(window).width()
时,我在标准模式下得到了 1007 的值,但是在设备仿真模式下我得到了准确的 1024。
那么两者之间有什么区别,无论如何要检查在正常窗口模式和设备仿真模式下准确的特定宽度?
我现在使用的是 $(window).width()
来检查窗口大小,所以除了这个之外还有没有检查实际大小的?
最佳答案
区别在于浏览器的滚动条。在所有浏览器的最新版本 ( http://www.textfixer.com/tutorials/browser-scrollbar-width.php ) 中,滚动条宽度为 17px,如果将其添加到 1007,则正好为 1024px。
该度量是正确的,因为它指的是浏览器中可用于呈现内容的区域 - 返回浏览器全宽是不正确的。
关于javascript - $(window).width() 在正常状态下和在检查元素上的响应状态下的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31266646/