移动端兼容笔记整理

移动端的开发中也存在大量的兼容处理。在日常中如果碰到bug解决之后以后记载在此,方便查看。

一、CSS positon pixed 在Android 2.2 和 2.3的兼容

  2.3中是支持positon pixed的,具体需要在上面设置user-scalable

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

     2.2需要在固定定位元素中添加

-webkit-backface-visibility: hidden;

   参考地址:http://benfrain.com/easy-css-fix-fixed-positioning-android-2-2-2-3/

二、处理Android 2.X中的Overflow Scroll问题

  如果需要滚动的话可以设置 overflow-x: scroll , 但是在Android 2.x中很遗憾的不支持

     有两种办法,

     1.通过添加touchstart、touchmove事件,根据移动的X坐标数值设置left

     2、使用IScroll 插件。   http://cubiq.org/iscroll-4

     参考地址:http://blog.baiwand.com/?post=183

        http://www.cnblogs.com/JoannaQ/archive/2013/06/24/3151843.html#commentform

缘来天注定,缘去人自夺。种如是因,收如是果,一切唯心造。笑言面对,不去埋怨。悠然、随心、随性、随缘。
原文地址:https://www.cnblogs.com/gaojianqi/p/3605335.html