2017年秋季遇到的相容問題總結

1. ie高版本瀏覽器(或者使用IE核心)下面出現，html莫名出現margin-left: -未知數；(低版本的IE也有，不過沒造成影響);

IE11

IE8

解決辦法：

html {
  margin-left: 0 !important;
}

2. 低版本IE瀏覽器剛進入頁面出現頁面抖動(總結)的情況

原因

這個是由於動態資料載入，一開始頁面長度不夠沒有滾動條，後面資料填充完畢了，出現滾動條，導致頁面出現閃爍的情況。

解決辦法

html {
    overflow: scroll;
    overflow-x: hidden;
}

一開始就給html設定滾動條

3. 移動端有時會出現詭異的空隙

原因

rem導致的瀏覽器好心做壞事，導致字型偏大，空格將空間撐開了。

解決辦法：

// 父元素
font-size: 0;

4. JSP下重新整理頁面會出現的原型丟失的現象

原因

不明，按照道理來說，function物件是優先渲染的，不應該存在順序的問題，而且詭異的是清空快取第一次是正常的，重新整理下頁面就找不到該物件下面的原型了。不懂是不是在JSP下面JS的渲染順序發生了變化。

解決辦法

嚴格按照順序來，先宣告，呼叫該方法在宣告之後就可以解決了。

5.  表單元素在IE8下面的相容問題

表單元素 input select 這些在IE8下面有很多相容問題(樣式自定義空間比較小)，如果需要好看的樣式建議自定義或者對IE8進行優雅降級處理。

"-": -color: red;  (ie6hack，只有ie6能識別該屬性)

“\9”: color: red\9; (ie6-ie10)

"*": *color: red; (ie7)

"_": _color: red; (ie6)