css中设定长度的例外情况

看下面的例子：

div {

font-size: 40px;

width: 10em; /* 400px */

height: 10em;

border: solid 1px black;

}

p {

font-size: 0.5em; /* 20px */

width: 10em; /* 200px */

height: 10em;

border: solid 1px red;

}

span {

font-size: 0.5em;

width: 10em;

height: 10em;

border: solid 1px blue;

display: block;

}

上面的孙元素span的font-size和width吗？

估计你会说10px、100px。你说的很有道理，逻辑上是正确的，但是也有例外，在chrome浏览器中是12px、120px。因为chrome设置的最小字体大小为12px，意思就是说低于12px的字体大小会被默认为12px。

chrome默认的字体大小是12px，也就是1em默认为12px，如果最外层的父元素直接把font-size设为1.5em，那么该元素的字体大小为18px(12*1.5)。