<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>CSS长度单位rem-CSS大小rem详解</title>
<meta name="author"/>
<style>
html{font-size:12px;} /*通过html最上层节点控制大小 然后在子节点写rem自适应 这样就可以自适应控制*/
p{font-size:2rem;}
</style>
</head>
<body>
<p>下面的文字将是html定义的字体大小的2倍:</p>
<p>我是html定义的12px的2倍,字体大小为24px</p>
</body>
</html>
关于css rem全局控制
最新推荐文章于 2022-05-30 16:16:10 发布