HTML5和高分辨率显示

时间:2015-08-11 05:37:30

标签: html5

我试图处理我的页面全屏显示在21:9超宽显示屏上的情况,但是当我试图获取window.innerWidth或{{ 1}}我的结果不正确。

使用

测试此特定显示(运行分辨率为3440x1440)

http://whatsmyscreenresolution.com/

返回奇数值document.body.clientWidth

是什么导致这种情况?

3 个答案:

答案 0 :(得分:1)

结果显示该值显示的原因是显示器的DPI为280。

http://dpi.lv/采用的更精细的技术将DPI考虑在内,显示正确的分辨率。

最好根据宽高比而不是像素大小来处理这个问题。 3440/1440和2293/960都是~2.38

答案 1 :(得分:0)

我认为这里有一些扩展。我在4K屏幕上,但它显示的分辨率与我实际使用的分辨率完全不同。

使用不同的浏览器会产生相同的结果。我猜Windows(或您使用的任何其他平台)会自动缩放整个系统以保持这些小字母的可读性。这就是你现在所经历的。

答案 2 :(得分:0)

只是一个疯狂的不知情的猜测! 可能是“逻辑像素”大小。 即(size / DPI * 96)?