瀏覽器相容性問題總結

分為html、css、js三部分。

html5shim 可以讓你的 ie9 或者更低版本的 ie 瀏覽器支援 html5。

使用方法：

判斷瀏覽器是否支援html5

window.onload = function
()  else 
}script>

document.addeventlistener document.removeeventlistener

document.attachevent   document.detachevent()
if(document.addeventlistener)else
if(document.attachevent)

2、ajax的實現方式不同，這個我所理解的是獲取xmlhttprequest的不同，ie下是activexobject

3、ie中不能操作tr的innerhtml

4、獲得dom節點的父節點、子節點的方式不同

其他瀏覽器：parentnode  parentnode.childnodes

ie：parentelement parentelement.children

android:

overflow:hidden;
overflow-y
:scroll;
ios:
-webkit-overflow-scrolling: touch;

-webkit

-user
-select:none

//解決方案：觸屏即播

$('html').one('touchstart',function
())

autocapitalize="off"

autocorrect="off" />

input:

:-webkit-input-speech-button

//解決方法:

1.盡可能地使用合成屬性transform和opacity來設計css3動畫，不使用position的left和top來定位
2.開啟硬體加速
-webkit-transform
: translate3d(0, 0, 0);
-moz-transform
: translate3d(0, 0, 0);
-ms-transform
: translate3d(0, 0, 0);
transform
: translate3d(0, 0, 0);

ios下fixed元素容易定位出錯，軟鍵盤彈出時，影響fixed元素定位

android下fixed表現要比ios更好，軟鍵盤彈出時，不會影響fixed元素定位

ios4下不支援position:fixed

解決方案： 可用iscroll外掛程式解決這個問題

8、阻止旋轉螢幕時自動調整字型大小

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6

-webkit

某些android手機圓角失效

解決方案：background-clip
: padding-box;

="cache-control"content=

"no-cache"
/>
手機頁面通常在第一次載入後會進行快取，然後每次重新整理會使用快取而不是去重新向伺服器傳送請求。
如果不希望使用快取可以設定no-cache。

1、margin和padding不同

標籤，不加樣式控制的情況下，各自的margin 和padding差異較大。

解決方案：css裡 *

2、塊級元素float

解決方案：在float的標籤樣式控制中加入 display:inline;將其轉化為行內屬性

3、img標籤

幾個img標籤放在一起的時候，有些瀏覽器會有預設的間距

解決方案：使用float屬性為img布局

4、min-height相容

因為min-height本身就是乙個不相容的css屬性，所以設定min-height時不能很好的被各個瀏覽器相容

如果我們要設定乙個標籤的最小高度200px，需要進行的設定為：

瀏覽器相容性問題總結

1 safari解釋new date 2013 10 21 這樣得到的是invalid date，需要寫成new date 2013 10 21 2 href 在ie中會跳轉到根目錄，而在firefox中不會跳轉，寫成href 可以。3 一串長度較長的英文語句 單詞之間有空格 在超出div寬度的情況...

瀏覽器相容性問題總結

瀏覽器相容性問題總結 以下相容性問題總結只支援到ie8及以上，更低版本不經過測試 1.元素透明度的問題 在chrome ff等瀏覽器中，只需要設定opacity即可達到的效果，在ie中需要對多個要素進行設定才行 filter alpha opacity 70 moz opacity 0.7 khtm...

瀏覽器相容性問題

苦惱的區別 1.image repeat 在火狐裡比較正常，可是在ie中一直repeat.背景是乙個關閉的x號，div設定的backgourn image url xx 結果在ie中卻不行，最後找到原因是ie中要顯式的寫上image repeat norepeat這屬性，還有好多的差異，明天 去了 ...