如何设置元素的物理尺寸（如实际英寸）？
我的最终目标是在每个屏幕上显示完全相同大小的图像（是的，我确实需要这个）。
我开始阅读有关如何获取用户屏幕尺寸的文章- 答案似乎是不可能的（不调用尝试根据某些参数猜测实际设备的 API）。
然后我想起 css 有用于调整元素大小的物理尺寸单位，并决定在我的屏幕上进行测试。我这样设置尺寸：
<div style = "background-color:black; height: 5in; width: 3in;"></div>
然后将一张 3 英寸 x 5 英寸（7.6 厘米 x 12.7 厘米）的物理抽认卡放在屏幕上。
它的尺寸明显偏小。
有趣的是 - 以毫米为单位设置尺寸是荒谬的 - 我期望得到与英寸相同的结果。
话虽如此，有没有办法做我需要的事情？
在 CSS 中，一英寸不等于一物理英寸。它等于 96 像素。
规范的这一部分可能会帮助您：
5.2. 绝对长度：cm、mm、q、in、pt、pc、px单位
绝对长度单位彼此之间的关系是固定的，并固定于某些物理测量值。
如果锚单位是像素单位，则物理单位可能与其物理测量值不匹配。
或者，如果锚单元是物理单元，则像素单元可能不会映射到设备像素的总数
- @VSO 什么？如何？这并没有告诉我如何在显示的每个设备上创建一个（例如）宽度恰好为 1 英寸的元素！ (5认同)