css3 rem如何使用

来源:互联网 发布:pingfang sc for mac 编辑:程序博客网 时间:2024/05/29 10:12

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*/}
这样使用是不是相当舒适,

0 0
原创粉丝点击