body中font-size:62.5%,但是用em设置input尺寸偏大是什么原因
2017-08-22 23:21
239 查看
在设计弹性布局时,有这样一种用法,设置
这样 1em 大约对应 10px,便于进行布局。
但是我在用 em 单位设置input框的尺寸时,发现在无缩放的情况下input框的尺寸要大于本该对应的px。通过对 input 的value 设置值可以明显看出输入框中的默认字体大小大于body设置的字号。
可以看出,input 并没有继承body设置的字号,因此用 em 为单位设置 input 的尺寸时并不是 1em = 10px 的对应关系。
body { font-size: 62.5%; }
这样 1em 大约对应 10px,便于进行布局。
但是我在用 em 单位设置input框的尺寸时,发现在无缩放的情况下input框的尺寸要大于本该对应的px。通过对 input 的value 设置值可以明显看出输入框中的默认字体大小大于body设置的字号。
可以看出,input 并没有继承body设置的字号,因此用 em 为单位设置 input 的尺寸时并不是 1em = 10px 的对应关系。
相关文章推荐
- CSS: body{font-size: 62.5%;}设置原因
- 设置body{font-size:62.5%}的原因
- body{font-size: 62.5%;}这种写法的原因
- css font:12px/1.5 表示什么意思 body{font-size: 62.5%;}
- 我们怎样学会放弃设置默认的font-size而拥抱em
- 为什么body{font-size: 62.5%;}
- select和input不会继承字号body font-size
- 设置html为font-size:62.5%,1rem != 10px问题
- 知识普及之:CSS: body{font-size: 62.5%;}这种写法为什么???
- 为什么body{font-size: 62.5%;}
- CSS: body{font-size: 62.5%;}为什么???
- phpcms 设置手机站点 但是状态是未开启还不知道什么原因
- select和input不会继承字号body font-size
- font-size,line-height,text-indent大小的设置方法(px,em,百分数)及其继承性
- JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
- 一个简单的页面,设置背景图平铺、table布局居中、响应式布局及响应式布局中em尺寸单位使用
- 关于元素设置margin-top能够改变body位置的原因及解决(子元素设置margin-top改变父元素定位)
- CSS教程:建议font-size使用em
- 根据font-size计算rem尺寸,动态缩放页面
- 不同浏览器字符间距不同原因。font-size和 font-family,