使用 CSS 最令人頭痛的部份就是各家瀏覽器的差異性太多了,用 CSS 寫好的網頁排版明明在 IE 6 看起來很正常,但是到了 Firefox 卻全變了樣,排版的位置都跑位了.... 更何況還有 IE7、IE 8、Safari、Opera、Google Chrome...這麼多種不同的瀏覽器,每一個看起來都是會跑位,很多網頁設計師因此而爆肝的不少!

會造成這樣大差距的主意在於「W3C 所制定的 HTML 標籤在 CSS 中的預設值 」各家瀏覽器的支援程度都不太相同,基本上 Firefox 是最聽話的一家,只要是 W3C 規定的 Firefox 都會乖乖尊守,然而最不聽話的就是 IE 瀏覽器,常常跟 W3C 唱反調....唉!

世界知名的 CSS 大師「Eric A. Meyer」 提出一個很棒的解決方法「Reset CSS」主要就是針對最容易出問題的部份~例如 margin 全部統一歸 0 文字大小和行高也全部統成一樣的大小 .... 等,只要掛上這一段「Reset CSS」語法,就可以讓所有的各家瀏覽器乖乖聽話,呈現一樣的結果,CSS 的大同世界就在這裡啊!


/* v1.0 | 20080212 */

JEFF 發表在 痞客邦 留言(0) 人氣()