开发移动端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)
还没有评论,来说两句吧...