设备像素比率或如何将物理像素测量为逻辑像素?

时间:2019-02-06 07:40:01

标签: javascript html devicepixelratio

我创建了一个响应块,该块应占据可见屏幕区域的92%。 更改屏幕的宽度时,可以正确测量像素。但是,这不是可见屏幕区域的92%。我知道存在物理和逻辑像素或设备像素比率的概念。

问题: 考虑到设备的像素,如何在JavaScript中转换我得到的像素(占可见屏幕总宽度的92%)?

屏幕可见部分的宽度:

window.screen.availWidth;

块宽度(92%):

(92 / 100) * width

Screenshot

我没有使用css来创建宽度,因为我的块应该在成千上万的具有不同结构的页面中工作,有时可以在页面上水平滚动,在这种情况下,应该获得设备宽度92%的块将具有完整的页面宽度。

Why I'm not using css

0 个答案:

没有答案