在设计弹性布局时,有这样一种用法,设置
body {
font-size: 62.5%;
}
这样 1em 大约对应 10px,便于进行布局。
但是我在用 em 单位设置input框的尺寸时,发现在无缩放的情况下input框的尺寸要大于本该对应的px。通过对 input 的value 设置值可以明显看出输入框中的默认字体大小大于body设置的字号。
可以看出,input 并没有继承body设置的字号,因此用 em 为单位设置 input 的尺寸时并不是 1em = 10px 的对应关系。