蘋果/安卓兼容性頁面顯示問題


1,客戶說清理緩存了,不一定是真的!要自己用代碼測試!比如更改某些頁面的顯示內容,一定要注意,可能你會耗費很多時間!!!

2,蘋果和安卓的微信瀏覽器都是內置的x5內核,但是是不一樣的版本!

X5對於蘋果安卓的的iframe的支持,不一致。iframe里面的ajax請求,在蘋果頁面會失效。能獲得返回的參數,但是值都是空的。注意兼容

x5等手機內核的瀏覽器,有個meta很重要,他決定了頁面的顯示 大小呢

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

寬度等於設備的寬度————這里就可以使用100%比和rem布局。

px在電腦上是絕對的大小,在手機上。如果 設置——<meta name="viewport" content="width=768px">,那么就是相對的單位了,表示屏幕的寬度是768px,那么每個px的大小會根據屏幕的大小,而變化 了!

3,蘋果手機上面,使用x5debug.qq.com是不行的,清理后一定要多次刷新頁面,才會更新!

4,防止蘋果頁面自動放大字體

body { /* IOS禁止微信調整字體大小 */
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
}

 


免責聲明!

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



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