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

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

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

6个回答

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

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

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

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

直接用height:30px

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

woailuzeyu
woailuzeyu 归零了,用rem完全是想做响应式网页,为手机端考虑的
4 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐