css3中rem详解

CSS3中rem是一种相对于根字体大小（即html标签字体大小）的单位，它是相对于em的一个进化版本，它不仅可以解决em的一些比较棘手的问题，而且支持一些新特性。

 html {
font-size: 16px;
}
h1 {
font-size: 2rem; /* 32px */
}
p {
font-size: 1.5rem; /* 24px */
} 

在上面的代码中，我们设置了根字体大小为16px，然后通过rem单位来设置h1元素的字体大小为2rem，即32px，而p元素的字体大小为1.5rem，即24px。

rem单位的优点有以下几个：

相对于根字体大小，更加稳定； 可以避免嵌套时字体大小不断叠加或出现计算错误的问题； 支持动态缩放，可以方便地实现响应式设计。

使用rem单位需要注意以下几个问题：

需要设置根字体大小，通常为16px； 原则上只要字体大小使用rem单位，其他的尺寸都应该使用em或其他相对单位； IE8及以下版本不支持rem单位，需要使用polyfill或其他替代方案。

查看更多关于css3中rem详解的详细内容...