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*/}这样使用是不是相当舒适,
相关文章推荐
- 使用css样式来控制XML
- 字典样式 NSString 转化为 NSDictinary
- 总结css中单位px和em,rem的区别
- animate.css 动画制作
- html列表样式
- CSS实现三角形方法二--border+content
- 控制样式垂直剧中,float为何会让外部容器高度塌陷?
- CSS3中-moz、-ms、-webkit和-o分别代表什么意思
- CSS实现三角形方法一--rotate+relative
- css3中的伪元素
- CSS 伪类与伪元素
- CSS中强大的EM
- 怎么能让div标签里面的p自动换行 [问题点数:30分,结帖人alleni123]
- 精通CSS滤镜(filter)
- 【CSS】关于position
- css image 热区
- css3做的迷宫
- CSS旋转图片
- css定义select样式
- 自定义 进度条 样式