在CSS中,我见过使用两者 px和em设置字体大小如下:
font-size: 14px/1.31em;
这种写作方式究竟是什么意思,我用这种写作方式解决了什么问题?
谢谢!
答案 0 :(得分:1)
以下是em
和px
Ems
(em):“em”是一个可扩展的单元,用于Web文档媒体。 em等于当前的字体大小,例如,如果文档的字体大小为12pt,则1em等于12pt。 Ems本质上是可扩展的,因此2em等于24pt,.5em等于6pt等。由于可扩展性和移动设备友好性,Ems在Web文档中变得越来越流行。
Pixels
(px):像素是固定大小的单位,用于屏幕媒体(即在计算机屏幕上阅读)。一个像素等于计算机屏幕上的一个点(屏幕分辨率的最小分度)。许多网页设计师在网络文档中使用像素单元,以便在浏览器中呈现网站时生成像素完美的网站表示。像素单元的一个问题是,对于视力不佳的读者而言,它不向上扩展,向下移动以适应移动设备。
这种写作方式究竟是什么意思,我用这种写作方式解决了什么问题?
例如,当您将font-size
设置为等于10px时,就会使用3em。你会得到30px(10 * 3)。
修改强>
基本上,我们可以使用font: 14/1.31em
来设置font-size
和line-height
,这是一个简洁的方法。
但是,在您的情况下,font-size: 14px/1.31em;
没有任何简写。所以,你不能这样设置它。 语法错误。