博客列表 >em和rem

em和rem

          
          原创
2022年10月25日 18:21:37499浏览
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>1024作业</title>
  6. <link rel="stylesheet" href="../img/icomoon/style.css">
  7. <!-- 作业内容:-->
  8. <!-- 1. em,rem的特点是什么, 应用场景是什么?为什么推荐使用rem?-->
  9. <!-- 2. (选做) 使用rem + vw 重写 课程表 案例, css中不允许出现px,试试看-->
  10. </head>
  11. <body>
  12. <h3> 1. em,rem的特点是什么, 应用场景是什么?为什么推荐使用rem?</h3>
  13. <h4>em</h4>
  14. <p>em的特点:em是继承字号,永远在随自身和祖先元素,跟随游览器默认字体改变而改变!</p>
  15. <p>应用场景:PC端用em</p>
  16. <h4>rem</h4>
  17. <p>rem的特点:rem是根字号, rem与根元素绑定,字号常量不变</p>
  18. <p>应用场景:rem多用于移动端</p>
  19. <p>为什么推荐使用rem?</p>
  20. <p>因为rem是根字号,字号常量不变,rem作用于非根元素时,相对于根元素字体大小;rem作用于根元素字体大小时,相对于其出初始字体大小</p>
  21. </body>
  22. </html>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议