为什么用rem设置div的高度不起作用呀？

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

各位大神，这是为毛呀？？？

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

直接用height：30px

因为浏览器中最小字体是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来计算了