您的位置:首页 > Web前端 > CSS

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

2017-08-22 23:21 239 查看
在设计弹性布局时,有这样一种用法,设置

body {
font-size: 62.5%;
}


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

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

可以看出,input 并没有继承body设置的字号,因此用 em 为单位设置 input 的尺寸时并不是 1em = 10px 的对应关系。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css 布局 html web前端