javascript - $(window).width() 在正常状态下和在检查元素上的响应状态下的区别

标签 javascript jquery html css responsiveness

我想知道为什么在浏览器标准和设备模拟模式下使用 $(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/

相关文章:

JavaScript 函数参数语句

jquery - 检查单选按钮是否通过键盘或鼠标更改

html - 您所在页面的颜色链接

javascript - 没有服务器或使用 AWS lambda 的 Oauth2

javascript - 有没有办法在 javascript 中创建一个字符串资源文件,我可以在我的 Vue 代码中使用它?

javascript - 网站和移动应用程序的登录 API 应该相同还是不同?

javascript - 替换嵌入 iframe 中的视频

javascript - 现场 HTML 5 音频控件无法正常工作

html - Sass mixin 输出 css 与 calc 不同的输出比手工简化

html - 无法使一个 div 的背景在其他两个 div 之上可见