css - 在 CSS 中使用相对单位是否有任何实际原因

Question

关闭。这个问题是opinion-based .它目前不接受答案。












想改进这个问题？更新问题，以便 editing this post 可以用事实和引用来回答它.

8年前关闭。




Improve this question




我读了很多关于 responsive web design以及设计师应该如何使用相对单位而不是固定单位。在某些情况下，这对我来说完全有意义，例如段落的最大宽度。但几乎所有文章都指出，这样做的主要优点是设计 adapts to zoom .据我所知，所有浏览器在缩放时都会缩放像素值(除非在 Firefox 中选中“仅缩放文本”)。那是因为 CSS pixels are not device pixels .

实际上，在我看来，CSS 像素是一个“几乎相对”的单位，因为具有高像素密度的设备也在缩放它们(according to the spec)。通常他们这样做是因为因素 2。

就我个人而言，我不明白为什么我应该对所有事情都使用相对单位。像素似乎做同样的工作，通常会产生“更清晰”的外观(因为它们不会导致亚像素渲染)。

你怎么看？我错过了什么？

Answer 1

字体大小百分比用于修复 IE 错误，该错误有时会发生在低像素字体大小上。
如果你设置例如body font-size: 70% 并在 CSS 中的其他字体大小上使用 em，用户应该能够在浏览器中更改字体大小，并且您的 HTML 和 CSS 将与原始 CSS 成比例。
如果您将正文字体大小设置为例如16px，即使用户在浏览器中改变字体大小，它也不应该反射(reflect)在你的 CSS 上。
我很久以前测试过这些，但与此同时可能会发生一些变化，因为我不再制作这样的 CSS，客户通常负责提供带有 CSS 和 HTML 的剪切图像。
值得阅读的主题是:http://www.sitepoint.com/forums/showthread.php?565469-Relative-font-sizes
如果您遇到一些特定的相对字体大小问题，请随意在这里拍摄，如果需要，我会尝试澄清行为。