美文网首页
rem初学使用

rem初学使用

作者: 藕藕藕汀 | 来源:发表于2017-10-18 17:09 被阅读13次

    首先,IE9+,Firefox、Chrome、Safari、Opera 的主流版本都支持了rem。
    rem是只相对于根元素htm的font-size,即只需要设置根元素的font-size,其它元素使用rem单位设置成相应的百分比就可以了。
    例如:
    在html文件中简单些一个div,

    <div class="aDiv" >
            rem初学使用
    </div>
    

    在css设置

    html{
          font-size:20px;
    }
    

    那么,我们在css中设置html中那个div的宽高,

    width:30rem;
    height:40rem;
    

    最后在浏览器里面运行,打印div的宽高,就是
    width:600px;
    height:800px;

    相关文章

      网友评论

          本文标题:rem初学使用

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