woailuzeyu
woailuzeyu
采纳率0%
2016-04-18 10:08 阅读 5.0k

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

2

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

6条回答 默认 最新

  • tangtang_fly fly8fish 2016-04-25 07:26

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

    点赞 3 评论 复制链接分享
  • dxfncel dxfncel 2016-04-18 10:32

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

    点赞 1 评论 复制链接分享
  • qq_35432904 荷花微笑 2016-07-01 12:19

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

    点赞 1 评论 复制链接分享
  • u010850027 丁国华 2016-04-18 11:33

    直接用height:30px

    点赞 评论 复制链接分享
  • tianyer tianyer 2016-08-09 07:28

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

    点赞 评论 复制链接分享
  • u013263308 自自导演 2017-01-18 09:26

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

    点赞 评论 复制链接分享

相关推荐