在 CSS 中使用"px"单元时,"low-dpi"设备的截止时间究竟是多少?



根据MDN," px"单元可能意味着2个完全不同的因素,具体取决于它是在"低DPI"设备上还是"高DPI"设备。

对于低DPI设备,单位PX表示物理参考像素;其他单位是相对于它定义的。

对于高DPI设备,英寸(in(,厘米(cm(和毫米(mm(与它们的物理对应物相同。因此,PX单元是相对于它们定义的(1英寸1/96(。

但是它到底是如何区分彼此的?"高DPI"的切断是什么?我该如何判断在特定设备上使用了这两种情况中的哪种?

在W3页面上找到答案:

过去,CSS要求实现即使在计算机屏幕上正确显示绝对单元。但是,由于不正确的实施数量的数量超过了正确的实施情况,而且情况似乎没有改善,CSS在2011年放弃了这一要求。目前,绝对单位必须仅在印刷输出和高分辨率设备上正确工作。

CSS并未定义"高分辨率"的含义。但是,如今低端打印机从300DPI开始,高端屏幕在200DPI,截止时间可能在介于两者之间。

https://www.w3.org/style/examples/007/units.en.html

最新更新