html5相容問題總結 201802

2022-07-23 11:27:17 字數 663 閱讀 6139

1、用fixed定位做的彈出框,彈出框裡面有文字框。

fixed

在ios

上相容不友好,會造成游標亂跳。

解決方法:當彈出框彈出時給父元素加上fixed定位,此時頁面無法滾動;彈出框關閉時移除

fixed

定位,頁面恢復正常滾動。網上建議用

better-scroll,

或者用absolute

定位改寫彈出框。

2、彈性盒布局在低版本的ios上相容性不太好(justify-content、flex:1)3、在

ios上可以直接呼叫照相機拍照,豎拍出來的都會變成橫圖;然而上傳後的正常,沒有翻轉。

4、低版本的ios不支援keyup事件

改用指令給元素繫結input事件

<

textarea

:value

="posterword"

maxlength

="30"

v-input

="updateposterword"

>

textarea

>

//

註冊乙個全域性自定義指令v-input

vue.directive('input', );

}})

HTML5 IE相容問題

最近,為公司做產品的時候用到了html5,用ie11開啟的時候出現了介面亂或者載入js錯誤的問題。ie10 or ie11 browser mode is ie10 document mode more than ie9.add that supports html5 in html page.有的...

最新相容問題總結

相容問題解決方案。1 在做 之前,先把下邊三句meta加入頁面。2 pc端相容瀏覽器不能用 html5 新增的標籤。3 偽元素也不能用,在移動端可以用。4 如果想針對某乙個瀏覽器,設定單獨的屬性值,可以 如 class 針對 ie7特製識別的 css樣式 html class 針對ie8特製識別的c...

JS相容問題總結

1.阻止事件冒泡的相容 if event.stoppropagation else 2.阻止預設瀏覽器事件的相容 function stopdefault event else 3.事件解綁的相容 function bind ele,type,callback else ele 將要繫結事件的物件 ...