最新相容問題總結

2022-02-26 12:28:16 字數 489 閱讀 3152

相容問題解決方案。

1、在做**之前,先把下邊三句meta加入頁面。

2、pc端相容瀏覽器不能用

html5

新增的標籤。

3、偽元素也不能用,在移動端可以用。

4、如果想針對某乙個瀏覽器,設定單獨的屬性值,可以:

如:   .class

/*針對

ie7特製識別的

css樣式

*/*+html .class

/*針對ie8特製識別的css樣式*/

如:.class

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)

@media screen and (-webkit-min-device-pixel-ratio:0)

@-moz-document url-prefix()

JS相容問題總結

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

js相容問題總結

01 獲取滾動條滾動的距離 var stop document.documentelement.scrolltop document.body.scrolltop 02 獲取非行間樣式 ie currentstyle attr 標準 getcomputedstyle attr function ge...

android版本相容問題總結

安卓版本相容問題出現的背景是由於安卓隨著版本不斷的更新,會不斷的增加api和廢棄一些舊版本的api,而市面上手機安裝的安卓作業系統版本不一致,就會導致安卓版本的相容問題。平時開發中需要注意一下幾點 3 安卓提供build類可以獲取當前執行環境的安卓版本,通過分支載入不同的 塊來實現版本相容問題,比如...