目录
1.设置页面比例
找到项目中index.html页面。在<meta name="viewport"...中补充如下代码
效果:页面比例始终为1:1,页面不允许用户通过手指进行放大缩小
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
2.解决不同手机上显示的页面样式不一致的问题
首先找到src/assets/styles目录下,把reset.css文件复制上去
然后找到src/main.js文件
添加引用代码
import './assets/styles/reset.css'
3.解决高像素手机屏幕边框样式显示问题
文件名为border.css,具体操作和第二条一致
4.解决点击事件300毫秒延迟的问题
进入cmd命令行,输入如下代码
npm install fastclick --save
安装成功之后,还是进入到main.js页面。添加如下两行代码即可
5.在Iconfont上新建一个项目管理
进入项目管理,选择新建项目。输入一些必要的信息,以便之后进行管理