您的位置:首页 > Web前端 > CSS

css3 rem如何使用

2015-10-23 17:24 573 查看
rem是一个相对大小的值,它是相对于根元素<html>,不像em是相对于父元素,控制起来很麻烦,px又是绝对像素值,他改变了浏览器的字体大小,这时会使用我们的Web页面布局被打破。

html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
body {font-size: 1.4rem;/*1.4 × 10px = 14px */}
h1 { font-size: 2.4rem;/*2.4 × 10px = 24px*/}
这样使用是不是相当舒适,
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: