博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vueh5项目模板基于rem布局
阅读量:6031 次
发布时间:2019-06-20

本文共 455 字,大约阅读时间需要 1 分钟。

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地址:

欢迎拍砖

转载地址:http://lhdhx.baihongyu.com/

你可能感兴趣的文章
Directx教程(28) 简单的光照模型(7)
查看>>
Hadoop在MapReduce中使用压缩详解
查看>>
读Ext之十一(通过innerHTML创建元素)
查看>>
todos 应用实践
查看>>
C#事件-自定义事件的使用方法
查看>>
通俗理解C#委托和事件
查看>>
O-C浮点数转化整数
查看>>
解决win10打开组策略弹出管理模板对话框问题
查看>>
C++用数组和链表分别实现Queue
查看>>
HDU_1158 Employment Planning(DP)
查看>>
oracle 函数WMSYS.WM_CONCAT()的用法(让查询结果行转列)
查看>>
遭遇ASP.NET的Request is not available in this context
查看>>
【转】Stephen Wolfram写的乔布斯的回忆录
查看>>
偶有所感
查看>>
第二章 卢俊义走错了哪步棋
查看>>
js字符串的各种格式转换
查看>>
nosetests单元测试参考
查看>>
[AX]AX2012 SSRS报表Drill through action
查看>>
Android写日志文件类
查看>>
Windows Server 2008 R2修改远程桌面连接数
查看>>