作為乙個前端攻城獅,遇到瀏覽器的相容性問題真的很頭疼,為了方便自己和大家,下面是我收集的一些瀏覽的相容性問題與解決方案。
不同瀏覽器的標籤預設的外補丁和內補丁不同
說明:隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。
解決方案:比如這樣乙個css設定*
2.
浮動問題
下面貼出的是比較通用的浮動相容性**
.cc
:after
.cc/* hides from ie-mac \*/
* html
.cc.cc
/* end hide from ie-mac */
/*清除浮動 ***/
.c
3.關於ie6,就是中文字型的問題,很多時候,你在css中寫字型,一般是用英文,現在附上常見字型中英文對照表:
中文英文
華文細黑
stheiti light [stxihei]
華文黑體
stheiti
華文楷體
stkaiti
華文宋體
stsong
華文仿宋
stfangsong
儷黑 pro
lihei pro medium
儷宋 pro
lisong pro light
標楷體biaukai
蘋果儷中黑
蘋果儷細宋
windows的一些:
中文英文
新細明體
pmingliu
細明體mingliu
標楷體dfkai-sb
黑體simhei
宋體simsun
新宋體nsimsun
仿宋fangsong
楷體kaiti
仿宋_gb2312
fangsong_gb2312
楷體_gb2312
kaiti_gb2312
微軟正黑體
microsoft jhenghei
微軟雅黑體
microsoft yahei
裝office會生出來的一些:
中文英文
隸書lisu
幼圓youyuan
華文細黑
stxihei
華文楷體
stkaiti
華文宋體
stsong
華文中宋
stzhongsong
華文仿宋
stfangsong
方正舒體
fzshuti
方正姚體
fzyaoti
華文彩雲
stcaiyun
華文琥珀
sthupo
華文隸書
stliti
華文行楷
stxingkai
華文新魏
stxinwei
4. 使用hacker
說明:使用hacker我可以把瀏覽器分為3類:ie6 ;ie7和遨遊;其他(ie8 chrome ff safari opera等)
/* css hack*/
◆ie6認識的hacker 是下劃線_ 和星號 *
◆ie7 遨遊認識的hacker是星號 *
解決方案:比如這樣乙個css設定:height:300px;*height:200px;_height:100px;
相容 常見瀏覽器相容性問題與解決方案
所謂的瀏覽器相容性問題,是指因為不同的瀏覽器對同一段 有不同的解析,造成頁面顯示效果不統一的情況。在大多數情況下,我們的需求是,無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統,都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前,我...
常見瀏覽器相容性問題與解決方案
瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題,幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...
常見瀏覽器相容性問題與解決方案
2010 08 23 06 54 所謂的瀏覽器相容性問題,是指因為不同的瀏覽器對同一段 有不同的解析,造成頁面顯示效果不統一的情況。在大多數情況下,我們的需求是,無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統,都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決...