rem是css中的一种相对长度单位。相对于根元素(即html元素)font-size计算值的倍数。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS长度单位rem-CSS大小rem详解</title>
<style>
html,h1{font-size:12px;}
p{font-size:2rem;}
</style>
</head>
<body>
<h1>下面的文字将是html定义的字体大小的2倍：</h1>
<p>我是html定义的12px的2倍，字体大小为24px</p>
</body>
</html>效果图：
扩展：
相对单位，他们是相对于当前元素的字号（ font-size ）或者视口（viewport ）尺寸。
em:相对单位。1em与当前元素的字体大小相同（更具体地说，一个大写字母M的宽度）。
CSS样式被应用之前，浏览器给网页设置的默认基础字体大小是16像素，这意味着对一个元素来说1em的计算值默认为16像素。但是要小心—em单位是会继承父元素的字体大小，所以如果在父元素上设置了不同的字体大小，em的像素值就会变得复杂。
以上就是css中rem是什么意思？的详细内容，更多请关注0133技术站其它相关文章！
