1：li邊距「無故」增加
任何事情都是有原因的，li邊距也不例外。
先描述一下具體狀況：有些時候li邊距會突然增 加很多，值也不固定（只在ie6/ie7有這種現象），讓人摸不著頭腦，仔細「研究」發現是由於其低階元素ul的padding引 起，padding的上下值對li有影響，左右無影 響。所以只好笨手笨腳地把padding去掉，換成margin。這是能解決問題，但往往不是我們想要的結果，或許 還會引起其他不必要的怪現象。
解決這個問題的方法，其實很簡單，既然是有ul引 起的，就設定ul的顯示形式為*display:inline-block;即可，前面加*是只 針對ie6/ie7有效，其他瀏覽器並不渲染這個屬性。
2：分頁數字 字型用「arial 」加粗不抖動
**如下:
>
無標題文件
head
>
歲月不饒人哪
hjgt
33:利用 css 跨瀏覽器地隱藏文字一法
**如下:
ont-size:0; // for firefox & opera
color: transparent; // for webkit
overflow:hidden; // for ie
font-size:0;
filter:alpha(opacity=0);
自測後相容的瀏覽器如下：
ie 6-8
firefox 1-4
opera 9-10
safari 3-5
chrome 1-6
34:button在chrome下預設有2px的margin
在chrome下有兩畫素margin
35:ie6和ie7裡面margin失效
**如下:
style
="background:#fff;height:200px;margin:50px;">我的margin在ie裡面失效了
解決辦法去掉裡面div的高度
HTML相容性處理
注意 html 對ie7的hack 必須保證html頂部有如下宣告 二 萬能 float 閉合 關於 clear float 的原理可參見 how to clear floats without structural markup 將以下 加入global css 中,給需要閉合的div加上 cla...
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 實際編碼中，更多的將是採用 物件...