【发布时间】：2020-07-20 20:10:38
【问题描述】：
我注意到移动设备和桌面设备上的字体大小不同。我用尺子测量了字母“T”的实际尺寸，尺寸为 2 rem。在我的笔记本电脑上，大“T”高 6 毫米，在我的平板电脑和智能手机上，“T”高 4 毫米。我还检查了多个浏览器并得到了相同的结果。
它们不应该在所有设备上保持相同的高度吗？
【问题讨论】：
标签： html css text responsive-design typography
【发布时间】：2020-07-20 20:10:38
【问题描述】：
没有。
rem是相对于根元素的字体大小，在不同的系统上有不同的默认值。
【讨论】：
rem 不像 px 那样是字体大小的固定度量。它是相对于根 HTML 元素的，而不是它的前/父元素。
希望如此：
https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units#ems_and_rems
【讨论】：
-
this diagram 显示的内容对吗？我现在的问题是，为什么我的 10+ 英寸平板电脑和 5 英寸智能手机的尺寸相同？我的平板电脑的像素密度约为 225 dpi，手机上的像素密度约为 428 dpi。
来自CSS Values and Units Module Level 3（CSS 工作组）：
对于 CSS 设备，这些尺寸可以通过
通过将物理单位与其物理测量值相关联，或
通过将像素单位与参考像素相关联来锚定。
通常，您会看到：
1px = 1 英寸的 1/96
但这实际上取决于您的设备。见Is a CSS pixel really an absolute unit? That is, is 1 inch = 96px true?。
【讨论】：