IOS裝置對position的支援性

2022-03-07 21:58:05 字數 881 閱讀 1859

最近在開發乙個網頁。

大家都知道

接下來 我說一下我遇到的問題和解決方法

由於要做乙個展示性 資料網頁 需求是做固定右滑動

這裡我沒有用到外掛程式。。

只是用了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;定位方式

對position的幾點理解

在w3c中,position 屬性規定元素的定位型別,css例項 box它可能的值包括以下五種 absolute 絕對定位 生成絕對定位的元素,相對於 static 定位以外的第乙個父元素進行定位。元素的位置通過 left top right 以及 bottom 屬性進行規定。fixed 固定定位 ...

你對position的了解有多少

此文根據steven bradley的 how well do you understand css positioning?所譯,整個譯文帶有我自己的理解與思想,如果譯得不好或不對之處還請同行朋友指點。當人們剛接觸布局的時候都比較傾向於使用定位的方式。因為定位的概念看起來好像比較容易掌握。表面上你...

對position定位和margin外邊距的理解

class a class b div div 給a或者b設定乙個margin top,兩個都一起下移。相鄰的兩個兄弟元素之間的外邊距會塌陷相鄰的兩個兄弟元素之間的外邊距會取兩者之間的最大值進行合併 對元素的margin設定百分數時,百分數是相對于父元素的width計算為什麼margin top m...