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;定位方式

  • 相关阅读:
    spring声明式事务管理详情解析
    Nginx nginx.conf配置文件详细说明
    etcd
    rsyslog使用简介
    LINUX常见命令
    kafka简介&使用
    kafka安装
    Zookeeper简介&应用场景
    Zookeeper安装
    安装JDK
  • 原文地址:https://www.cnblogs.com/HanJie0824/p/6489190.html
Copyright © 2011-2022 走看看