前言
最近最 Hot 的不外乎就是 Cloud、HTML 5、Phone
尤其是老闆突然有一天說,我們的 手機、iPad 是不是也可以連到我們的系統做○○的事情?
不然就是 瀏覽器一換,畫面一切都不一樣了 ( 遠目 )
這時常常就會被問到
「為什麼用 ASP.NET 開發的網頁沒辦法在 iPad 上看?」
「為什麼用 IE 9 和 Chrome、Safari 上看的結果不一樣?」
「ASP.NET 是不是不能相容 iPhone 的?是不是要用 PHP?」
「用了 HTML 5 是不是就可以跨平台了?」
……
很多這類的問題
相信大家對於 HTML、CSS 以及 JS 一定都非常了解
但是加上 瀏覽器的組合就怪事就常常發生了!
自從 C 公司問了「為什麼別人用 Chrome、Safari 都可以,就 IE 」不行?
這應該是 IE 的 Bug 吧!
從結果上來看真的是差別很大!
但一看了 HTML 和 CSS 後發現有一些爭議的地方!
說穿了就是沒有按照「W3C的規範」來寫 HTML 和 CSS
經過調整後,一切就可以正常地顯示!
可以看到大小、圓角、圖片位置都是正確的
首先!並不是說用了 HTML 5 和 CSS 3 後就可以讓所有的瀏覽器都統吃!
也許會有人疑問:「不是說每個瀏覽器的HTML 都有符合 W3C 的規範嗎??」
這句話沒有錯!但並不是每個瀏覽器每個 Tag 都有支援!每個解析、顯示的方式都一樣!
所以有可能 A 的寫法 可以讓 A 瀏覽器正常顯示!其他的卻不行的情況發生
尤其是網頁的介面設計可能都是由專業的網站設計師進行設計的情況下
在沒有了解「規範」的情況下,很有可能會有不相容的情況發生
Q1、WebKit 是標準的 CSS 語法吧?
由於瀏覽器版本多,要支援每一種就必須要用「標準」的語法才可以。而WebKit 的語法 這是由 Safari 所推出的,它並不是在 W3C 的 CSS 3 的規範中所以前面才會有 WebKit 的前置碼。而且 並不是只有 Safari 有自已的語法 ( Chorme 也是用同一個 )!當然,FireFox 也有專用的 moz 語法從日後管理的角度來看!用的越多,同仁在寫 CSS 就會越複雜 ,日後也會越難以維護。就會有一堆的語法是互斥的 ,所以不建議為了一時的方便而隨意引用。會造成日後相容性的問題有興趣的可以參考這個 http://zh.wikipedia.org/wiki/WebKit







