8 移动端填坑

鄙人作为移动端小白一枚,先把自己遇到的坑收集整理一下,一为提升自己,二为跟我一样的小白提供一些可行性参考,以求共同学习,共同进步!

1. iso上滑动卡顿问题,解决办法:

-webkit-overflow-scrolling: touch;

2. 用meta标签做适配

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

3. 微信浏览器在进行页面回退时会重新刷新页面:

可以考虑用单页面路由的方式进行单个组件的缓存

4. 减少字体锯齿

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

5 event.target 与event.currentTarget

  event.currentTarget指向事件所绑定的元素,而event.target始终指向事件发生时的元素。

6 position:fixed 在点击了input元素以后,会不固定

  用position:relative/absolute方式代替。

posted @ 2017-09-12 13:30  沧海一粒  阅读(101)  评论(0编辑  收藏  举报