浏览器默认的font-size是16px,在body设置了font-size=62.5%后,1em=10px
然而在不同浏览器中完全不一样,在开发中真的有人这样用吗
相关链接：
http://t.cn/RGi6C8q
http://t.cn/RGi6Nqo
在Mac平台
chrome的1em为12px;
safari的1em为10px;
firefox的1em为18px;
demo地址
@imfeng 的回答已经很到位了。如果你想让你自己看到chrome 10px字体的效果，可以修改chrome的设置。
设置 -- 显示高级设置 -- 自定义字体 -- 字体大小下限
rem/em/px这个只是说的字体大小的比例吧。border的宽度怎么能算作字体大小呢？因此前面的
html{
font-size:62.5%;
}这个声明，我感觉是对盒子的设置啊边框的宽度啊，等等等等，均是无效的，还得自己算具体是多少。
而字体这方面可以按10比1的比例直接写了。
用rem这个单位就不会出现这个问题啦。你可以试试！~把2em改成2rem
一般来说 ，浏览器默认字体大小是16px，chrome显示时，字体大于等于12px，若你设置的字体小于12px，则显示为12px；
Safari应该是可以显示小于12px的字体大小；
FF你看下是不是你浏览器默认字体大小改过了
字体也会产生影响