zoukankan      html  css  js  c++  java
  • IOS设备对position的支持性

    最近在开发一个网页。

    要嵌套在微信里

    大家都知道

    IOS版微信和安卓版微信还是一定的差距

    IOS版微信在打开网页的时候回调取自己的浏览器以及内核

    但是安卓版微信不会,他会默认使用自己的QQ浏览器和X5内核

    这个大家在用微信打开网页是,把网页向下拉动时,可以看到

    接下来 我说一下我遇到的问题和解决方法

    由于要做一个展示性 数据网页 需求是做固定右滑动

    这里我没有用到插件。。

    只是用了html css特有的属性

    在正常写完网页的时候,安卓设备的支持性很好,可以说任何bug都 没有

    但是在IOS设备下 IOS版本为7的支持性还是蛮好的 但是,但是,我说的但是,在IOS9.0下BUG一大堆

    由于我在写网页的时候,会用到position:relative;position:absolute;position:fixed;这些定位方式

    在IOS9下,默认请求的是全屏网页(实际不是,横屏过来就会好一点,下面的导航还在)

    在这个时候,我上网查看了一大堆东西,没有具体方法解决问题,但是有一条我注意到了。。是这样收的

    IOS在支持position:fixed;定位方式上不是很好的支持,但是在IOS4以上就得到了很好的支持,我就在想,我要不要重构网页,最终在没有任何解决方法的情况下我决定重构网页,不运用position:fixed;定位方式,改用position:absolute;绝对定位方式,在浏览器上也得到了很好的支持,安卓设备也没有任何问题,但是IOS设备的支持性还是得到了考验,出现的情况是,在向下右边数据的时候,左边会向上跑,也就是会反向。。这个BUG。。这里我把html设置成position:relative;左边和右边两大块统统设置position:absolute;这样子,就轻而易举的解决了反向滑动的的BUG

    当我后来把网页统统改好了,没有运用一点position:fixed;的定位方法时候,安卓和IOS设备都得到了很好的支持。。。

    所以,在定位方式上IOS和安卓的定位还是右一定的区别

    在IOS设备下,不要轻而易举的使用position:fixed;定位方式

  • 相关阅读:
    当开发者产生一个伟大的想法之后应该做的10件事
    PUT 还是 POST ?
    Failed to issue method call: Unit mysqld.service failed to load: No such file or directory.
    使用 Protocol Buffers 代替 JSON 的五个原因
    Java 打印堆栈的几种方法
    Eclipse调试Java的10个技巧
    如何使用命令查看系统名称?
    Feed系统架构资料收集
    dcm4chee 修改默认(0002,0013) ImplementationVersionName
    【原创】分布式之数据库和缓存双写一致性方案解析
  • 原文地址:https://www.cnblogs.com/HanJie0824/p/6489190.html
Copyright © 2011-2022 走看看