最近在開發一個網頁。
要嵌套在微信里
大家都知道
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;定位方式