vue--移动端兼容问题

click的300ms延迟：

引入fastclick库来解决

输入命令

npm install fastclick

在main.js导入

import Vue from 'vue'
import App from './App'
import router from './router'
import fastclick from 'fastclick'

fastclick.attach(document.body)

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  render: h => h(App)
})

1px边框：

使用transform缩放

.a::after { 
　content: ''; 
　display: block; width: 100%; 
　height: 1px; background: #333; 
　position: absolute;
　left: 0; bottom: 0; 
　transform: scaleY(0.5) 
}

 

 

兼容问题更多参考：https://blog.csdn.net/qq_33249977/article/details/80826713