html - CSS 字体大小 : relative vs. 的绝对值。使用哪个?

标签 html css fonts font-size

<分区>

  • 跨浏览器调整文本大小的最佳方式是什么?
  • 以像素/em 定义字体大小的优点和缺点是什么?

最佳答案

Which to use?

两者都有。相对于用户将不得不阅读大量内容的主体文本(因此他们希望能够舒适地阅读它);对于必须调整大小以匹配页面上以像素为单位的其他元素(例如图像)的文本的绝对值。

相对而言,‘%’和‘em’同样好。

对于绝对值,始终使用“px”。永远不要在屏幕上使用“pt”,它只适用于打印样式表。遗憾的是,“pt”被认为是字体处理的默认单位,因为在网络上它是最糟糕的选择。

(预计到达时间:请注意,自从这个答案以来,CSS3 具有 redefined 的“物理单位”,因此 pxpt 始终成比例。所以这个问题不再存在除非您担心非常旧的浏览器,否则很重要。)

有些人不喜欢相对字体大小的“复合”效果。实际上,诀窍是尽可能少地更改字体大小,以避免嵌套过多。 应该可以通过使用字体大小关键字“small”/“medium”/“xx-large”/etc 来获得相对于用户的首选大小行为而无需复合行为., 但不幸的是,这样你就没有得到太多的粒度,即使在今天,浏览器处理它们的方式仍然存在差异。

关于html - CSS 字体大小 : relative vs. 的绝对值。使用哪个?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/520939/

相关文章:

css - 要查找字体名称?最接近的比赛?

javascript - html/php 页面上的 Jquery 日期和时间

CSS @keyframes 动画在悬停时不断闪烁

CSS 图标,我可以将一个类转换为另一个类吗

html - 如何防止使用 Google Webfont API 的网页闪烁?

css - ie9 网络字体未加载

html - 对子 div 的悬停效果在父 div 上创建焦点事件

javascript - 如何让一个 div 随着窗口大小的调整而移动,而不会将其他 div 推开?

javascript - 当字体粗细为粗体时如何找到文本的宽度?

css - 绑定(bind)到底部的 div 的最大高度