给border 设置rem
其实就连border我们也可以用rem来做,但是貌似现在的安卓手机对border用rem单位有一小部分不支持,在我开发测试发现了,高版本的安卓浏览器支持,但是低版本的有许多都不支持,具体要不要使用就看你们自己的情况。
CSS Code复制内容到剪贴板
border:.2rem solid #cccccc;
需要注意的是:
网页要多终端匹配,传统字体单位px满足不了,考虑使用rem单位
rem 是相对于根节点的!
为此,如下代码,先让根节点单位为10px,之后就方便使用rem了
CSS Code复制内容到剪贴板
html { font-size: 62.5%; }
body { font-size: 1.4rem; } /* =14px */
h1 { font-size: 2.4rem; } /* =24px */
非常好的是,rem ie9支持
如要兼容ie9以下浏览器,可
CSS Code复制内容到剪贴板
html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; } /* =14px */
h1 { font-size: 24px; font-size: 2.4rem; } /* =24px */
总结
rem的使用其实我可能是只是总结了大家比较常用的一些属性,其实他的范围肯定不止是这么多,实际的项目开发中我相信大家在使用他的过程会发现许多惊喜的,非常希望大家留言讨论这一章的内容。有什么问题我会第一时间反馈。










