vue-6-5

移动端的网页

1. index.html中的meta属性

移动端的设备，用户通过手指放大缩小这样的操作是无效的，页面的比例始终是1:1

2. 引入reset.css 重置页面的样式表
3. 在项目中应用reset.css => 在main.js内import即可
4. 引入border.css =》解决移动端1像素边框的问题（多倍屏里面1像素边框会被显示成多像素）
5. 引入fast-click库 =》300毫秒点击延迟的问题（在移动端的某些机型上，使用click事件时，click事件会延迟300毫秒才执行。这样使用click事件的体验感就不太好）
   • 命令行内：
     在Travel内安装fastclick
     npm install fastclick --save（把fastclick这个第三方的包安装到项目的依赖之中 --save的意思是不管在开发环境中还是在打包线上的代码都需要使用fastclick）
6. 安装好后重启服务-- npm run start
7. main,js中引入fastclick