(持續更新中)移動端web開發相容總結

2022-09-13 05:42:12 字數 323 閱讀 6132

1.對於animation和keyframes和transform開頭的屬性,最好還要寫一種相容的,就是加上webkit的字首

2.backface-visibility 需要加webkit字首,移動端backface-visibility 即使是跟隨父元素翻轉,也能有效。pc端跟隨父元素的翻轉是無效的

3.ios裝置不支援animation-play-state屬性,解決辦法是利用新增和刪除classname來控制動畫是否執行,可以在動畫元素外部套乙個父div,用來儲存動畫停止時的子元素的transfrom樣式(利用getcomputedstyle獲取)(此方法只適用於2d動畫或者3d單軸動畫)

移動端相容性問題 持續更新

解決ios滑動不是很流暢 webkit overflow scrolling touch 滑動容器上加上該css 解決ios input框預設有一層灰色漸變 解決安卓和ios長安頁面會複製文字 moz user select none webkit user select none 把時間 2020...

移動端web開發

viewport content width device width,user scalable no,initial scale 1.0,maximum scale 1.0,minimum scale 1.0 width 設定視口寬度 initial scale 初始化縮放比,大於0的數字 ma...

移動端Web開發

移動端web開發與pc端的web開發有尺寸上的不同,手機螢幕大小有很多種,因此尺寸方面有些要注意的。1.字型 採用js動態設定字型大小的方法 思路如下 螢幕寬度 640px,則font size 100px 螢幕寬度 640px,則font size 100 寬度 640px 字型單位為rem 在b...