常見瀏覽器相容問題及解決技巧

2022-08-26 09:00:09 字數 433 閱讀 3920

height:300px的時候會認為高時300px;繼續往下讀,他也認識*heihgt,

所以當ie6讀到*height:200px的時候會覆蓋掉前一條的相衝突設定,認為高度是200px。繼續往下讀,ie6還認識_height,所以他又會覆蓋掉200px高的設定,把高度設定為100px;

ie7和遨遊也是一樣的從高度300px的設定往下讀。當它們讀到*height200px的時候就停下了,因為它們不認識_height。所以它們會把高度解析為200px;

剩下的瀏覽器只認識第乙個height:300px;所以他們會把高度解析為300px。

因為優先順序相同且想衝突的屬性設定後乙個會覆蓋掉前乙個,所以書寫的次序是很重要的。

最後說一下,嚴謹型的開發人員會有一套合適自己的reset.css。結合自己的經驗盡量規避容易出現不相容的問題。以減少hack的使用,盡量符合w3c的標準。

常見瀏覽器相容問題及解決技巧

所謂的瀏覽器相容性問題,是指因為不同的瀏覽器對同一段 有不同的解析,造成頁面顯示效果不統一的情況。在大多數情況下,我們的需求是,無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統,都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前,我...

常見瀏覽器相容問題

1 針對ie5以下和 ie5 firefox 引入檔案區別 import url newstyle.css 後者可以識別,前者不能識別 2 針對ie和firefox指定裝置型別選項 import url newstyle.css screen 後者可以識別,前者不能識別 3 注釋區別 content...

常見瀏覽器相容問題

所謂的瀏覽器相容性問題,是指因為不同的瀏覽器對同一段 有不同的解析,造成頁面顯示效果不統一的情況。在大多數情況下,我們的需求是,無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統,都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前,我...