vueh5项目模板基于rem布局

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

须知:

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

5/5s效果图

《vueh5项目模板基于rem布局》

6/6s效果图

《vueh5项目模板基于rem布局》

安卓手机效果图

《vueh5项目模板基于rem布局》

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

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

欢迎拍砖

    原文作者:ECStack
    原文地址: https://segmentfault.com/a/1190000017298749
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞