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像素(以及所有其他单元)的大小,因此与设备像素不匹配.