一.打开index.html
修改里面的 name='viewport'
<meta name="viewport" content="width=device-width,initial-scale=1.0,
minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
让用户不能通过手指放大,缩小
二.不同游览器的样式是不同,从网上找一个
reset.css 或用本身准备好的 基本组件的css样式,使写出来的基本一致
三.为了解决移动端高倍屏幕,1像素显示多像素
引入一个css文件
border.css文件
四.移动端有300毫妙的点击延迟,有些机型,和有些游览器,clclik事件
引入一个组件
npm install fastclick --save(意思是不管在开发,还是线上环境都要用这个组件)
在main.js上
import fastClick from 'fastclick'
fastClick.attach(document.body)
就没延迟了
修改里面的 name='viewport'
<meta name="viewport" content="width=device-width,initial-scale=1.0,
minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
让用户不能通过手指放大,缩小
二.不同游览器的样式是不同,从网上找一个
reset.css 或用本身准备好的 基本组件的css样式,使写出来的基本一致
三.为了解决移动端高倍屏幕,1像素显示多像素
引入一个css文件
border.css文件
四.移动端有300毫妙的点击延迟,有些机型,和有些游览器,clclik事件
引入一个组件
npm install fastclick --save(意思是不管在开发,还是线上环境都要用这个组件)
在main.js上
import fastClick from 'fastclick'
fastClick.attach(document.body)
就没延迟了