【问题标题】:Wrong screen resolution detected - Why is a smaller resolution detected?检测到错误的屏幕分辨率 - 为什么检测到较小的分辨率?
【发布时间】:2017-05-14 07:34:56
【问题描述】:

我刚刚注意到我的屏幕分辨率检测不正确。 如果我使用THISTHIS,我会得到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


【解决方案1】:

问题在于 Windows 10 中的缩放。 它被设置为 150%。 将其更改为 100% 后,一切都正确显示。

桌面->右键->显示设置

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-12-13
  • 2011-06-05
  • 2011-01-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多