rem的使用

前提：浏览器的默认字体高都是16px。

rem是只相对于根元素htm的font-size，即只需要设置根元素的font-size，其它元素使用rem单位设置成相应的百分比即可。

示例：

html{font-size:62.5%;}  /* 16px * 62.5% = 10px */
body{font-size:12px;font-size:1.2rem ;}  /* 1.2rem = 1.2 * 10px = 12px */
p{font-size:14px;font-size:1.4rem;}  /* 1.4rem = 1.4 * 10px = 14px */
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容