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

版权声明：欢迎交流讨论 https://blog.csdn.net/qq_37746973/article/details/82817098

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)