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