说明:移动端的屏幕大小各异,尤其是安卓机,千奇百怪,各种尺寸的机型都有,而且有1倍屏,2倍屏,3倍屏之分,作为精益求精的前端,我们希望找到一种完美适配各种机型的方案。rem是现在主流的移动端自适应布局方案,本文主要介绍了rem布局的原理和通用方案
原理
首先说一下,我们想要达到的自适应效果是什么。很简单:元素、字体大小能随着屏幕大小(一般相对于宽度来说)变化而变化,在大一点的屏幕上,尺寸大一些;在小一点的屏幕上,尺寸小一些;尺寸的大小和屏幕大小成正比。
最简单最直接的方案就是直接用百分比设置元素的尺
<weixin_38722052> 在 上传 | 大小:63488