0

在 CSS 中,我已经看到使用 px 和 em 设置字体大小如下所示:

font-size: 14px/1.31em;

这种写法到底是什么意思,我用这种写法解决了什么问题?

谢谢!

4

1 回答 1

1

这是和的确切em定义px

Ems(em):“em”是用于网络文档媒体的可扩展单元。一个 em 等于当前的 font-size,例如,如果文档的 font-size 是 12pt,则 1em 等于 12pt。Ems 本质上是可扩展的,因此 2em 等于 24pt,.5em 等于 6pt,等等。由于可扩展性和对移动设备友好的特性,Em 在 Web 文档中变得越来越流行。

Pixels(px):像素是固定大小的单位,用于屏幕媒体(即在计算机屏幕上读取)。一个像素等于计算机屏幕上的一个点(屏幕分辨率的最小单位)。许多网页设计师在网页文档中使用像素单元,以便在浏览器中呈现其网站时生成像素完美的表示。像素单元的一个问题是它不能向上缩放以供视障读者使用,也不能向下缩放以适应移动设备。


这种写法到底是什么意思,我用这种写法解决了什么问题?

例如,当您设置font-size等于 10px 并使用 3em。您将获得 30 像素 (10*3)。

编辑:

基本上,我们可以使用font: 14/1.31em简写形式来设置font-sizeline-height

但是,在您的情况下,font-size: 14px/1.31em;没有任何速记。所以,你不能这样设置。这是错误的语法

查看更多关于“CSS Font-Size”的解释

于 2013-10-24T15:04:30.223 回答