在物理像素和CSS像素之间进行转换

前端之家收集整理的这篇文章主要介绍了在物理像素和CSS像素之间进行转换前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Mozilla的文档从 elementFromPoint解释说,坐标不在物理像素,而是“CSS像素”.什么是CSS像素?我的印象是,CSS中的像素与物理像素相同.

如果不是这样,在物理和CSS像素之间如何转换?

解决方法

像素是物理屏幕像素,只要任何网页可以合理地关注自己.

术语“CSS像素”是指像素为defined in CSS 2

the whole number of device pixels that best approximates the reference pixel. It is recommended that the reference pixel be the visual angle of one pixel on a device with a pixel density of 96dpi and a distance from the reader of an arm’s length. For a nominal arm’s length of 28 inches,the visual angle is therefore about 0.0213 degrees.

这是什么意思,CSS像素是正常的,简单的屏幕情况下的设备像素.然而,对于专业超高分辨率屏幕,其中OS将其常规尺寸增加了2个,CSS像素可能是两个设备像素宽.

我们现在在大多数浏览器中还具有“缩放”功能,这将自然会改变CSS像素(以及所有其他单元)的大小,因此与设备像素不匹配.

猜你在找的CSS相关文章