何时使用%或em或ex与css字体?

时间:2010-02-26 05:44:41

标签: css

在处理css时,有人可以告诉我何时使用%,em,ex作为字体测量单位?我很困惑

1 个答案:

答案 0 :(得分:7)

这完全取决于你。出于可用性的考虑,坚持使用em或%,因为px是固定值,并且不会在不同设备上扩展(或者不应该)。首先在主体上设置基本字体大小(67%是流行的),然后使用em来根据自己的喜好修改大小。


从网上摘下答案:

  1. “Ems”(em):“em”是一个可扩展的单元,用于Web文档媒体。 em等于当前的字体大小,例如,如果文档的字体大小为12pt,则1em等于12pt。 Ems本质上是可扩展的,因此2em等于24pt,.5em等于6pt等。由于可扩展性和移动设备友好性,Ems在Web文档中变得越来越流行。
  2. 像素(px):像素是在屏幕媒体中使用的固定大小的单位(即,要在计算机屏幕上阅读)。一个像素等于计算机屏幕上的一个点(屏幕分辨率的最小分度)。许多网页设计师在网络文档中使用像素单元,以便在浏览器中呈现网站时生成像素完美的网站表示。像素单元的一个问题是它不会向视力不佳的读卡器向上扩展,也不能向下扩展以适应移动设备。
  3. Points(pt):传统上在打印介质中使用的点(任何要在纸上打印的东西等)。一点等于1/72英寸。点与像素非常相似,因为它们是固定大小的单位,不能缩放。
  4. 百分比(%):百分比单位与“em”单位非常相似,除了一些基本差异。首先,当前的字体大小等于100%(即12pt = 100%)。使用百分比单位时,您的文本仍然可以完全扩展到移动设备和可访问性。
  5. - Source -

    我强烈推荐阅读这篇文章,它用图解释了整个事情:)

    希望这有帮助!

    伊恩