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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM