px是固定的像素，一旦设置了就无法因为适应页面大小而改变。
em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。
对于em和rem的区别一句话概括：em相对于父元素，rem相对于根元素。
实例：
1、请将html模块中类为"box"的div元素的宽度和高度设置为自身字体大小的4倍。
<html>
<head>
<meta charset=utf-8>
<style type="text/css">
.box {
/*补全代码*/
width: 4em;
height: 4em;
}
</style>
</head>
<body>
<div class='box'></div>
</body>
</html>2、请将html模块div元素的宽度和高度设置为html根元素字体大小的4倍。
注意：只需在css模块补全样式内容，请勿修改html模块。
<html>
<head>
<meta charset=utf-8>
<style type="text/css">
div {
/*补全代码*/
width: 4rem;
height: 4rem;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
342
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
