移动 web 适配 布局
rem 是单位
em是相对于父元素的字体大小来设置的
rem是相对于 HTML元素字体大小设置的
rem 优点 可以通过修改HTML里的文字字体大小来改变页面中的元素大小 可以实现整体控制
html{
font-size: 14px;
}
div{
/* font-size: 14px; */
}
div h1,h2{
width: 10rem;
height: 10rem;
background-color: skyblue;
}
div p{
width: 10rem;
height: 10rem;
background:-webkit-linear-gradient(left,hotpink,skyblue)
}
</style>
</head>
<body>
<div>
<h1></h1>
<h2></h2>
<p></p>