px、em、rem的区别

作者: 辉夜乀 | 来源:发表于2017-03-21 11:10 被阅读27次

    在HTML中,要对元素的大小进行描述,需要单位,常见的单位有

    单位 区别 优点 缺点
    px 固定单位,像素 稳定精确 浏览器页面大小缩放时候,字体大小固定不能变化,可能会破坏布局。
    em 相对于父元素字体大小的单位 父元素大小变化,子元素会相应地跟着变化 需要父元素的大小作基准
    rem 相对于根元素(html)字体大小的单位 调整根元素就能调整所有的大小 根元素需要一个具体的值

    相关文章

      网友评论

        本文标题:px、em、rem的区别

        本文链接:https://www.haomeiwen.com/subject/vqgwnttx.html