关于手机适配一直是webapp比较蛋疼的事情,不过幸好的是,我们的淘宝大佬们,已经给出了一些具体方案,那就是lib-flexible这个。关于它的介绍可以参考此文:
https://www.cnblogs.com/lyzg/p/5058356.html
另外附上开源github地址:https://github.com/amfe/lib-flexible
以下就是如何引入lib-flexible的相关记录:
1:安装
npm install lib-flexible --save
或者图形界面安装(开发依赖):
2:在main.js进行引入使用
import 'lib-flexible/flexible.js'
3:进入index.html页面中定义meta,设置相关的viewport
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,minimum-scale=1.0,maximum=scale=1.0">
该标签定义了用户通过手指放大缩小无效,页面比例始终为1:1