vueh5项目模板基于rem布局

vue+rem布局h5弹性布局模板

须知:

一、默认设计图尺寸 宽度750,测量多少写多少px就ok;
二、px会自动转换为rem单位,实现弹性布局;
三、字体不要转rem(缘由本身查),为了不被转为rem ,须要在font-size后加/px/ 举个栗子:font-size:14px;/*px*/ ;
四、css预处理区用的stylus 已经内置了,也推荐用这个由于是基于node的,无须安装ruby环境;
五、在webview下若是安卓手机设置了字体大小,那么rem布局就凉了,因此最好让andriod同志们加上,以下代码设置webview默认字体,在每一个webview配置
webview.getSettings().setTextZoom(100)
坦白的讲这个坑我找了一礼拜,由于我手机把字体放大了,因此rem布局有的地方就乱了。我找的方向仍是手机适配的问题。嗨距离出家还早着呢css

5/5s效果图

图片描述

6/6s效果图

![Image text](https://github.com/proactivefly/staticFolder/blob/master/img/6.png)

安卓手机效果图

图片描述

基本上各类手机效果是同样的,弹性布局。

github地址:https://github.com/proactivef...

欢迎拍砖

相关文章
相关标签/搜索