在CSS中写font-size: 62.5%/1.2em是否符合标准?

4

我注意到一些样式表有如下代码:

body { font-size: 62.5%/1.2em; }

当我在NetBeans中编写以下内容时,出现了“意外的标记/”警告。如果我更改EM值,例如:
body { font-size: 62.5%/1em; }

计算后的字体大小保持为16像素。

我的问题是,这样写是否符合标准?如何计算实际的字体大小?

1个回答

8
在CSS2中,font-size属性不允许使用x/y这种形式的值。
你正在使用的是font简写属性,它允许x/y作为font-size: x; line-height: y;的简写形式。因此,请使用以下方式之一:
body { font: 62.5%/1.2em sans-serif; }
/*                       ^^^^^^^^^^ the font-family is needed. */

或者

body {
  font-size: 62.5%;
  line-height: 1.2em;
}

但是为什么不使用body { font: 62.5% 1.2em sans-serif; } 而是使用 body { font: 62.5%/1.2em sans-serif; }?而且在body中,100% = 1em = 16px,对吗?因为通过编写font-size: 62.5%,我得到的计算出的字体大小是10px。非常感谢! - powerboy
@powerboy:是的。而1em == 16px是否成立取决于浏览器。 - kennytm
1
@powerboy: 为什么不使用 body { font: 62.5% 1.2em sans-serif; } 呢?——这是一个历史问题。“该属性的语法基于传统的排版速记符号表示法,用于设置与字体相关的多个属性。” - kennytm

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接