注意:*+html 對ie7的hack 必須保證html頂部有如下宣告：
二、萬能 float 閉合
關於 clear float 的原理可參見 [how to clear floats without structural markup]
將以下**加入global css 中,給需要閉合的div加上 class="clearfix" 即可,屢試不爽.
9 屬性選擇器(這個不能算是相容,是隱藏css的乙個bug)
p[id]{}div[id]{}
這個對於ie6.0和ie6.0以下的版本都隱藏,ff和opera作用
屬性選擇器和子選擇器還是有區別的,子選擇器的範圍從形式來說縮小了,屬性選擇器的範圍比較大,如p[id]中,所有p標籤中有id的都是同樣式的.
10 ie捉迷藏的問題
當div應用複雜的時候每個欄中又有一些鏈結，div等這個時候容易發生捉迷藏的問題。
有些內容顯示不出來，當滑鼠選擇這個區域是發現內容確實在頁面。
解決辦法：對#layout使用line-height屬性 或者給#layout使用固定高和寬。頁面結構盡量簡單。
11 高度不適應
高度不適應是當內層物件的高度發生變化時外層高度不能自動進行調節，特別是當內層物件使用
margin 或paddign 時。
例：p物件中的內容
注意:*+html 對ie7的hack 必須保證html頂部有如下宣告：
二、萬能 float 閉合
關於 clear float 的原理可參見 [how to clear floats without structural markup]
將以下**加入global css 中,給需要閉合的div加上 class="clearfix" 即可,屢試不爽.
9 屬性選擇器(這個不能算是相容,是隱藏css的乙個bug)
p[id]{}div[id]{}
這個對於ie6.0和ie6.0以下的版本都隱藏,ff和opera作用
屬性選擇器和子選擇器還是有區別的,子選擇器的範圍從形式來說縮小了,屬性選擇器的範圍比較大,如p[id]中,所有p標籤中有id的都是同樣式的.
10 ie捉迷藏的問題
當div應用複雜的時候每個欄中又有一些鏈結，div等這個時候容易發生捉迷藏的問題。
有些內容顯示不出來，當滑鼠選擇這個區域是發現內容確實在頁面。
解決辦法：對#layout使用line-height屬性 或者給#layout使用固定高和寬。頁面結構盡量簡單。
11 高度不適應
高度不適應是當內層物件的高度發生變化時外層高度不能自動進行調節，特別是當內層物件使用
margin 或paddign 時。
例：p物件中的內容
關於HTML相容性
1.計算一定要精確，不要讓子元素大於父元素 不然ie會撐開父元素出問題 2.在ie6元素浮動，如果寬度需要內容撐開，就給裡邊的塊元素都加浮動 不然裡面的元素會佔滿父元素的父元素的正行，浮動就沒用！3.在ie6，7下元素要通過浮動並在同一行，就給這行元素都加浮動 4.注意標籤巢狀規範 5.ie6下最小...
webpack JS相容性處理
js相容性處理babel的使用 執行前 es6 寫法 指定相容瀏覽器版本範圍 targets plugins new htmlwebpackplugin devserver 它把所有的相容性的 全部引入，體積太大 babel loader babel core babel preset env co...
JS相容性處理
正確情況 只有一行 只針對ie起作用，而且考慮了ie使用者自選渲染模式 怪癖模式 支援ie5 6 7 8 9及10。非ie彈出false，ie則彈出5到10版本值 script html 最短判斷是否ie的 if 1,else 經過測試 ie9 ie10彈出 非ie 實際編碼中，更多的將是採用 物件...