2 woailuzeyu woailuzeyu 于 2016.04.18 18:08 提问

为什么用rem设置div的高度不起作用呀? 2C

html {font-size: 62.5%;}
结果是10px
div {font-size: 1.2rem;height:3rem;}
最后结果是div文字大小是12px,但高度确实36px,而不是我想要的30px

各位大神,这是为毛呀???

6个回答

dxfncel
dxfncel   2016.04.18 18:32

你有试过把div的内边距离padding归零吗?实在不行直接用height:30px;何必那么纠结啊

woailuzeyu
woailuzeyu 归零了,用rem完全是想做响应式网页,为手机端考虑的
一年多之前 回复
tangtang_fly
tangtang_fly   2016.04.25 15:26

因为浏览器中最小字体是12px,所以就算html中设了10px,最终也会强制使用12px

u010850027
u010850027   2016.04.18 19:33

直接用height:30px

qq_35432904
qq_35432904   2016.07.01 20:19

换个角度思考,既然不能用12px一下的字体,我们只要把字体设为12px以及以上的在转换为rem就可,为了好计算,我把字体设为100px
图片说明

tianyer
tianyer   2016.08.09 15:28

html {font-size: 62.5%;} 改为:html,body,div {font-size: 10px;}

u013263308
u013263308   2017.01.18 17:26

62.5%这个坑,如果这样设置的话,height和line-height就是以12px为基准的,而字体还是以10px为基准,所以计算的时候得分开算。不然的话用75%吧,html {font-size: 75%;}这样都是以1rem=12px来计算了

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!