0

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

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

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

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

4

1 回答 1

1

字体大小百分比用于修复 IE 错误,该错误有时会发生在低像素字体大小上。如果您设置例如 body font-size: 70% 并在 CSS 中的其他字体大小上使用 em,用户应该能够在浏览器中更改字体大小,您的 HTML 和 CSS 将与原始 CSS 成比例。如果您将正文字体大小设置为例如 16px,即使用户在浏览器中更改字体大小,它也不应该反映在您的 CSS 上。

我很久以前测试过这些,但与此同时可能会发生一些变化,因为我不再制作这样的 CSS,客户通常负责提供带有 CSS 和 HTML 的剪切图像。

好的线程是这样的:http ://www.sitepoint.com/forums/showthread.php?565469-Relative-font-sizes

如果您遇到一些特定的相对字体大小问题,请随意在这里拍摄,如果需要,我会尝试澄清行为。

于 2013-09-18T15:24:38.340 回答