html – CSS像素是否真的是绝对的单位?那是1英寸= 96px的真?

前端之家收集整理的这篇文章主要介绍了html – CSS像素是否真的是绝对的单位?那是1英寸= 96px的真?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
官方 W3C documentation说:

1 px = 1/96th of 1 in

在我以前的18.5英寸屏幕中,screen.width为1367像素,屏幕宽度为英寸为14英寸.按照W3C公式:

14 * 96 px = 1344 px

W3C公式偏离每英寸20/14像素.由于偏差太低,屏幕上的1英寸是97.4像素,我接受了W3C公式,并认为CSS像素是一个绝对的测量单位,意味着它总是等于0.75 pt(物理单位).

本周我买了一个21.5英寸的全高清屏幕,宽度为19英寸,屏幕为1920像素.所以现在我屏幕上的1寸是:

1920/19 ~ 101 px

不仅如此,我朋友的屏幕是24英寸,并且具有相同的1920×1080分辨率. 24英寸和21.5英寸都不能对应于相同数量的CSS像素.

所以现在,在我的屏幕上,CSS像素不是绝对的测量单位.而且屏幕上的一切都比较小.即使这样,现在我被我的字体大小弄错了.当我在屏幕上找到16像素作为最小可读字体时,在较小的屏幕上实际上更大.因为我的屏幕上的16像素在我以前的较小的屏幕上的厘米为14像素厘米,身体是相同的.我正在设计我的网站错误,我不再是一个好的前端开发人员.

所以问题:

> CSS像素是否真的是绝对的单位?就是1英寸= 96像素真?

@H_403_33@解决方法
根据您已经链接CSS Values and Units Module部分,稍微延伸一下,有两个不同的实现可以应用于CSS:

For a CSS device,these dimensions are anchored either

i. by relating the physical units to their physical measurements,or
ii. by relating the pixel unit to the reference pixel.

这继续注意:

If the anchor unit is the pixel unit,the physical units might not match their physical measurements. Alternatively if the anchor unit is a physical unit,the pixel unit might not map to a whole number of device pixels.

最后,它得出结论:

The reference pixel is 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. For reading at arm’s length,1px thus corresponds to about 0.26 mm (1/96 inch).

这意味着像素单位是绝对长度,但是它的长度可以根据设备是否应用我在这里引用的第一部分的实现i或实现ii而改变.

由CSS值和单位模块定义的绝对长度只是一个“锚定到一些物理测量”的长度.物理测量将是其实际物理长度或由参考像素导出的长度.

具体的同一部分也说:

For print media and similar high-resolution devices,the anchor unit should be one of the standard physical units (inches,centimeters,etc). For lower-resolution devices,and devices with unusual viewing distances,it is recommended instead that the anchor unit be the pixel unit. For such devices it is recommended that the pixel unit refer to the whole number of device pixels that best approximates the reference pixel.

96px并不总是等于1现实生活中的一英寸.

猜你在找的HTML相关文章