常見瀏覽器相容性問題與解決方案

2021-07-25 22:20:22 字數 1721 閱讀 7595

作為乙個前端攻城獅,遇到瀏覽器的相容性問題真的很頭疼,為了方便自己和大家,下面是我收集的一些瀏覽的相容性問題與解決方案。

不同瀏覽器的標籤預設的外補丁和內補丁不同

說明:隨便寫幾個標籤,不加樣式控制的情況下,各自的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 所謂的瀏覽器相容性問題,是指因為不同的瀏覽器對同一段 有不同的解析,造成頁面顯示效果不統一的情況。在大多數情況下,我們的需求是,無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統,都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決...