body中font-size:62.5%,但是用em设置input尺寸偏大是什么原因

来源:互联网 发布:贵州筏钓网淘宝店 编辑:程序博客网 时间:2024/04/27 15:32

在设计弹性布局时,有这样一种用法,设置

body {    font-size: 62.5%;}

这样 1em 大约对应 10px,便于进行布局。

但是我在用 em 单位设置input框的尺寸时,发现在无缩放的情况下input框的尺寸要大于本该对应的px。通过对 input 的value 设置值可以明显看出输入框中的默认字体大小大于body设置的字号。

可以看出,input 并没有继承body设置的字号,因此用 em 为单位设置 input 的尺寸时并不是 1em = 10px 的对应关系。