web移动端适配问题解决方案

reset.css 解决一些浏览器默认设置的一些默认的css属性
一些参考
https://segmentfault.com/a/1190000009369872

border.css 解决手机端高分辨率屏幕1px被显示成2px问题

第三方库fastclick 解决一些手机的ciick点击事件等待三百毫秒才执行的问题
一些参考
https://www.awesomes.cn/repo/ftlabs/fastclick
vue使用fastclick 例子

//在项目目录下 安装保存
npm install fastclick --save
//然后引入
import Vue from 'vue'
import App from './App'
import router from './router'
import fastClick from 'fastclick'
import './assets/styles/reset.css'
import './assets/styles/border.css'
/* 解决手机端高分辨率屏幕1px被显示成2px问题 */

Vue.config.productionTip = false
fastClick.attach(document.body)

/* 路由就是根据网址的不同展示不同的内容 */
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})