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