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效果图

图片描述

6/6s效果图

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

安卓手机效果图

图片描述

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

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

欢迎拍砖

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值