开发移动端WebAPP时需要注意的一些问题

1. CSS样式统一问题

我们需要重置页面样式,因为在不同的手机浏览器上,默认的css样式不是统一的。

解决方法:添加一个reset.css库, 链接地址:

2. 一像素边框问题

有的手机分辨率比较高,是2倍屏或3倍屏,手机上的浏览器就会把CSS中的1像素值展示为2个或3个物理宽度

解决方法: 添加一个border.css库, 链接地址:

3.  300毫秒点击延迟问题

在移动端开发中,某些机型上使用click事件会延迟300ms才执行,这样影响了用户体验。

解决方法: 引入fastclick.js库

使用npm 安装fastclick

npm install fastclick --save

在项目中(main.js)使用:

import fastClick from 'fastclick'

fastClick.attach(document.body)

 

你可能感兴趣的:(vue)