[ 2006-01-16 04:44:12 | author:
greengnn ]
font size:
large |
medium |
**all
quote
先溫習一下對於ie的box-model的破解
ie box-model這個臭名昭著的bug存在於ie6/win以前的每乙隻版本，這個蟲子直到tantak發布了流傳最為廣泛的那個hack才開始被馴服
ie5.x/win對box-model的解析是一樣的，他們認為width包括了邊框(border)和補白(padding)，幸運的是這個情況在ie6中有了好轉
但是ie6在向後相容的同時也包容了以前的錯誤，ie6其實有兩個核心，在舊的頁面前他仍舊表現出對錯誤的寬容，只有在文件中嚴格地加上文件型別(doctype)宣告，ie6才能夠接受正確的box-model
所以，tantak的hack必須和正確的doctype同時包含在文件中才能夠正常工作
quote
div.content /""; //ie5.x/win忽略了"/"}/""後的內容
voice-family:inherit;
width:300px; //包括ie6/win在內的部分瀏覽器讀到這句，新的數值(300px)覆蓋掉了舊的
}
html>body .content
現在回到主題，我們經常看到!important和(空格)/**/:組合在一起使用，這個寫法有什麼奧妙呢？
看剛才那個寫法，我這裡可以提供另一種寫法也能達到這樣的效果
quote
div.content
html>body .content
同樣，這個方法仍必須依靠正確的文件型別宣告才能夠正常工作，原因在前面已經說過。
文件型別宣告就像乙個開關，開啟向後相容的未來，而錯誤使用的話，就是乙個pandora box
quote
xhtml+css相容性解決方案小集 ：
具體的相容性問題檢視此圖
瀏覽器CSS相容
一 important 在ie6及ff中的使用 box1 box1 important是說這個設定有優先順序，ie碰到 important不會出錯只是忽略他的功能，假如後面又設定了width，ie會以最後設定的 width為準，假如後面再沒有其它設定，則會用當前這個值，也就是前面的 importan...
手機瀏覽器css相容
pixel與point比值稱為device pixel ratio，普通裝置都是1，iphone 4是2，有些android機型是1.5。那麼 webkit min device pixel ratio 2可以用來區分iphone 4 4s 5 和其它的手機 iphone4 4s的解析度為640 9...
CSS相容不同瀏覽器
製作頁面的時候，由於瀏覽器的不同，對css的解析也會有所不同，從而達不到我們預期想要的頁面效果，這個時候我們就需要針對不同的瀏覽器去寫不同的css，讓它能夠同時相容不同的瀏覽器。css hank。原始 歡迎光臨！減號是ie6專有的hack 9 ie6 ie7 ie8 ie9 ie10都生效 0 ie...