問題1:移動端專案要求是全屏滾動,用的是 fullpage,上下滾動時安卓正常,蘋果手機瀏覽器上下滾動時會出現底色問題
解決方案:
document.body.addeventlistener('touchmove', function (e) , );
問題2:移動端用video標籤用蘋果手機在瀏覽器上開啟和安卓機上開啟是不一樣的
解決方案:
蘋果機預設開啟video是全屏的,所以要阻止預設全屏,加上下面這四個屬性就可以啦
webkit-playsinline -----針對i0s9
x-webkit-airplay="allow"----------啟用airplay支援
x5-playsinline----------x5核心video
解決方案:
移動端安卓和ios相容性彙總
首先了解一下iphonex裝置基礎資訊,如下 iphonex螢幕組成 上部齊劉海 44px 安全區域 safe area 底部手勢區域 34px 預設,頁面只顯示在 安全區域 中,導致螢幕頂部和底部看起來很彆扭,此時可以通過如下幾種方式進行適配 1 設定viewport fit viewport f...
ios 安卓前端相容性
1.日期相容性 2.input框聚焦,ios出現outline或者陰影,安卓顯示正常 input focus 3.關於flex布局 4.ios系統,會將數字當成 號碼,導致變色 將上面的 加入到標籤中 5.禁止安卓識別email 6.input 的placeholder屬性會使文字位置偏上 line...
ios 安卓前端相容性1
2.input框聚焦,ios出現outline或者陰影,安卓顯示正常input focus 3.關於flex布局 4.ios系統,會將數字當成 號碼,導致變色 將上面的 加入到標籤中 5.禁止安卓識別email 6.input 的placeholder屬性會使文字位置偏上line height 和i...