经测试，在chrome下最小的字体是12px，而IE下没有这个限制，所以如果把字体设为低于12px的话，会照成浏览器不兼容的现象...
中文(雅黑字体)在11px显示已经不成样了(1920*1080分辨率)，但英文的底线还可以到10px
我们可以在body标签内加上webkit特有的 -webkit-text-size-adjust:none;
如
body {
-webkie-text-size-adjust:none;
}还有，字体的单位常用的有px,em,%，浏览器默认的字体大小是16px，即1em=16px,100%=16px;
需要强调的是em，em表示当前容器字体大小的比例，相对的，如果多层嵌套div，比如第一层div的字体大小是0.5em,第二层div的字体大小是0.5em,那么第二层div的字体大小将为16*0.5*0.5=4px