css - css中字体大小的测量单位

Question

我已经搜索并阅读了关于这个主题的 SOF，我发现了一些有趣的帖子，尤其是建议使用 pt 作为字体大小的帖子，因为它既与像素密度无关，也与分辨率无关，但我仍然在搜索中...

有什么方法可以让我在我的 css 文档中定义一个特定的字体大小，但使用它与浏览器的默认字体大小成比例？像这样:

x = 默认字体大小的浏览器 %

使用单位 = (x)/(my-target-size%) em

然后将其用于设计中的每个填充、边距等，据我所知，这在 css 中是不可能的!

我发现人们猜测“通常，浏览器的默认字体大小是 16px”，我不想猜测。

有人建议对 html 标签使用 100% 并使用 rem 定义所有其他大小:现在如果用户将错误的字体大小作为浏览器的默认值怎么办？然后用户将看到所有覆盖良好的网站，除了我的网站，没有覆盖它!当然，我可以将其视为用户的问题并将其保留，但我不会那样做。

请给点意见。

Answer 1

通常，您不应更改正文的字体大小。用户已经配置了他的浏览器以适合他的显示器和他的视力。如果您将字体大小强制设置为其他大小，用户可能无法阅读文本。

使用 pt 作为定义字体大小的单位的选项旨在与 打印机 一起使用，但将其用于屏幕并不是一个好主意。它尝试设置绝对大小(1pt=1/72in)。即使文本在您的桌面 PC 上大小正确，在小手机屏幕上也很可能不正确。 (从较近的距离观看手机屏幕，因此字体需要较小。)除此之外，pt 大小取决于用户计算机上的 dpi 设置。许多用户的 dpi 设置错误(这取决于所使用的显示器)，因此字体大小将不是您所期望的。

px 单位不好，因为显示器之间的像素大小很谨慎，用户的视力也是如此。但是，如果您希望文本与图像正确对齐，这会很有用，因为图像(当以实际大小显示时)是以像素为单位的。

在大多数情况下，正文的大小应为 100%(即不要更改它)。对于其他元素，使用相对 大小(例如 %)。如果您必须更改正文的字体大小，其他元素将自动相应地更改。以 % 形式给出的大小是相对于父元素上字体大小的大小。