px,em,rem之间的关系换算
px,em,rem之间的换算
px：普通大小
em：相对单位，相对于父元素的字体大小
rem：相对单位，相对于根元素（html）的字体大小
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>html{font-size: 20px;}.div1,.div2{border: 1px solid red;font-size: 16px;}.div1 p{font-size: 2em;}.div2 p{/* font-size: 1em;相对于父元素，2倍的16px */font-size: 2rem;相对于根元素，2倍的20px}</style>
</head>
<body><!-- px：50pxem：相对单位，相对于父元素的字体大小rem：相对单位，相对于根元素（html）的字体大小--><div class="div1"><p>你好666</p></div><div class="div2"><p>你好666</p></div>
</body>
</html>