iOS的移動端相容問題

2022-10-10 14:18:15 字數 652 閱讀 2255

1)定位問題:ios 2)

寫背景圖時最好加上top left 或者0 0 不然寫運動效果時容易出現跳

3)防止手機中網頁放大和縮小:="viewport" content="user-scalable=0" />

5)自動識別**號碼:="format-detection" ontent="telephone=no">,telephone=no可以禁用這功能,預設值是no

6)禁止複製、選中文字: element

7) 設定快取: -equiv="cache-control" content="no-cache" /> 手機頁面通常在第一次載入後會進行快取,然後每次重新整理會使用快取而不是去重新向伺服器傳送請求。

如果不希望使用快取可以設定no-cache。

8) 蘋果手機固定定位有bug 檢查html和body是不是設定了overflow-x:hidden;

9) ios手機中如果出現乙個元素的層級非常高可還是被別的元素遮蓋的,那麼就將該元素與別的元素同級

10) 給不同螢幕大小的手機設定特殊樣式: @media only screen and (min-device-width : 320px) and (max-device-width : 375px)

12.1, firefox 22+ */ } .box>li

移動端相容問題

1.移動端檔名不要用game等,以防被合作伺服器劫持插入廣告,從而影響專案執行 2.紅公尺手機,ua返回iphone,需要結合platform判斷,但是還不準確,導致需要ios和android區別對待的時候就坑了。3.是fixed的問題。這個解決辦法是盡量不要用,不過ios7及以下才會出現這個問題。...

移動端相容問題

2.動態獲取中間的內容高度 不同手機螢幕顯示的高度也是不一樣,滾動只滾動中間那一部分 我曾使用過css中的cale 來計算出內容中間的高度,但是最後還是發現了問題,因為移動端布局是用rem來進行適配,而cale來計算是百分比,雖然rem可以轉換成百分比,但是還是不是特別的妥當。最後我使用的是動態獲取...

移動端部分相容問題

1 h5頁面視窗自動調整到裝置寬度,並禁止使用者縮放頁面 viewport content width device width,initial scale 1.0,minimum scale 1.0,maximum scale 1.0,user scalable no 部分安卓手機的uc瀏覽器寫完...