在 CSS 中,我见过使用 px 和 em 设置字体大小,如下所示:
font-size: 14px/1.31em;
这种写法到底是什么意思,我用这种写法解决什么问题?
谢谢!
最佳答案
这里是em
和px
的确切定义
Ems
(em):“em”是用于网络文档媒体的可缩放单位。一个em等于当前的font-size,比如文档的font-size是12pt,1em就等于12pt。 Ems 本质上是可扩展的,因此 2em 等于 24pt,.5em 等于 6pt,等等。由于可扩展性和移动设备友好的特性,Ems 在 Web 文档中越来越受欢迎。
像素
(px):像素是屏幕媒体中使用的固定大小单位(即在计算机屏幕上读取)。一个像素等于计算机屏幕上的一个点(屏幕分辨率的最小分度)。许多网页设计师在网页文档中使用像素单位,以便在浏览器中呈现其网站时产生像素完美的表示。像素单位的一个问题是它不能向上缩放以供视障读者使用或向下缩放以适合移动设备。
What exactly does this way of writing mean and what problem do I solve by using this way of writing?
例如,当您将 font-size
设置为 10px 并使用 3em 时。你会得到 30px (10*3)。
编辑:
基本上,我们可以使用简写形式的font: 14/1.31em
来设置font-size
和line-height
。
但是,在您的情况下,font-size: 14px/1.31em;
没有任何简写形式。所以,你不能这样设置。 语法错误。
查看"CSS Font-Size"的更多解释
关于CSS:什么/为什么将字体大小指定为字体大小:14px/1.31em?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19569480/