美文网首页
移动端单位rem解析

移动端单位rem解析

作者: 唯有她美 | 来源:发表于2017-09-20 15:29 被阅读0次

    px属于固定单位,em属于父元素相对单位

    浏览器的默认字体大小都是16px

    兼容性:主流浏览器都兼容(IE9以上)

    使用100%,在font-size="62.5%",因为浏览器默认字体大小是16px,

    也就是说100% =  16px;那么1px = 6.25%,10px = 62.5%;

    1rem = 62.5% = 10px;

    定义:rem是相对于根元素的相对单位;

    使用方法:

                html{font-size:62.5%}

                p,h1~h6{width:1rem;height:1.5rem;font-size:1.2rem}

    为什么说rem是为移动端量身打造的那,可以这样写


    相关文章

      网友评论

          本文标题:移动端单位rem解析

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