【发布时间】:2017-05-14 07:34:56
【问题描述】:
我刚刚注意到我的屏幕分辨率检测不正确。 如果我使用THIS 和THIS,我会得到1280 x 720 的分辨率。 但如果我查看我的 Windows 选项,我的分辨率为 1920 x 1080。
所以我将我的分辨率(在 Windows 中)设置为 800 x 600 并在上面的链接中再次检查。现在两者都显示 800 x 600。
我的问题:
为什么 js/css 检测不到我的高分辨率?
我用不同的分辨率(右窗口/左 js,css)制作了一个小“表格”:
看起来这两个值之间的比例对于每一对都是相同的。
编辑:感谢 Schlaus,我尝试了不同的查询和颜色。而且 css 也只能检测到 1280 x 720 而不是更高的分辨率。
【问题讨论】:
-
检查浏览器的缩放级别是否为 100%。
-
另外,这将非常容易测试。只需创建一个带有媒体查询的页面,如果宽度低于阈值,则将页面背景更改为红色,否则为蓝色(根据自己的喜好选择颜色)。
-
缩放lvl不影响js中显示的分辨率。我刚试过。但是缩放是 100%。
-
只是 1920x1080 显示不正确,还是如果您选择 1280 x 720 以上的其他分辨率,您会遇到类似问题吗?
-
以上所有分辨率都显示错误。
标签: javascript css screen-resolution