1.em单位
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
/*
* em:自身的fontsize
*
谷歌下字体的默认大小为16px
谷歌下字体的最小大小为12px
*/
*{
margin: 0;
padding: 0;
}
#test {
/**
em:自身的fontsize
width相当于10em*20px=200px
*/
width: 10em;
height: 10em;
background: pink;
font-size: 20px;
}
</style>
</head>
<body>
<div id="test"></div>
</body>
</html>
2.rem单位
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="tex