1、打开index.html文件

修改meta:移动端禁止放大缩小

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

2、引入基础样式reset.css

在main.js文件里引用

import './assets/styles/reset.css'

3、引入border.css,解决移动端1像素边框问题

同样在main.js中引用:

import './assets/styles/border.css'

4、移动端300毫秒点击延迟 fastclick

在某些机型或浏览器中,使用click点击事件时,会有延迟300毫秒,然后在执行。

在终端安装依赖:记得要在项目目录下

npm install fastclick --save

安装完成后,重启项目,在main.js中引用fastclick:

import fastClick from 'fastclick'

fastClick.attach(document.body)

5、iconfont

建立项目文件夹,以备后用。

6、把修改上传到远程

git add .
git commit -m "project init"
git push

 

 

 

 

相关文章:

  • 2021-11-17
  • 2022-12-23
  • 2022-01-27
  • 2022-02-28
  • 2022-01-18
  • 2021-06-13
  • 2022-12-23
  • 2021-09-05
猜你喜欢
  • 2021-06-13
  • 2021-12-20
  • 2021-12-11
  • 2022-03-09
  • 2021-12-12
  • 2021-06-18
  • 2022-01-13
相关资源
相似解决方案