rem字体在移动设备中适配

  时间:2018-11-21
本文章向大家介绍rem字体在移动设备中适配,需要的朋友可以参考一下

rem是指相对于根元素(html)的字体大小的单位,他是一个相对单位,我们现在有很多人用的都是px,但px是一个绝对单位,遇到分辨率不同的设备,做出的页面可能会乱,这就给我们造成了很大的影响,而且后期的修复也很费时间,所以rem是一个很不错的适配方法。

下面直接进入例子:

在这里设置html的font-size:20px;就代表1rem=20px;

接下来就可以根据上面推算设置button的样式,1rem=20px;

width:6rem==>width:120px;height:4rem==>height:80px; 

 

原文地址:http://www.manongjc.com/article/19449.html