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

猜你喜欢

转载自www.cnblogs.com/vinieo/p/9849570.html