網頁設計, 網頁資源

網設必知-網頁設計師不可不知的【IE9相容性檢視】

梅干2011/09/07
梅問題-網頁設計-IE9相容性檢視功能
  最近有好友問了梅干一個相當有趣的問題,為何頁面在其它的瀏覽器顯示一切正常,唯獨在IE9下,當一開啟相容性檢視時就會跑版,這到底為何會這樣呢?起初梅干也沒注意到這功能,所以梅干就花了點時間研究一下,這到底是啥東東,於是梅干到了官網查詢了一下,終於明白了這相容性功能的作用,原來這是讓IE9可以向下相容,意謂著當初在設計頁面時,是用舊版的語法,在IE9下可能會跑版,所以多了一個相容性的功能,讓使用者可作切換,把畫面修正回來,而這個功能是存放在什麼地方呢?現在就一塊來瞧瞧吧!

正常情況下,進入IE9是無需作任設定的,預設就是新版的IE9支援語法。
梅問題-網頁設計-IE9相容性檢視功能
這時對著網址後方的相容性圖示點一下,當圖示呈現藍色時,表示目前已開啟相容模式,此時的IE瀏覽器,就會向下支援舊版的語法,所以這時會發現到,版塊就出現跑位的情形。(經梅干實測結果,則會向下相容至IE6.0)
梅問題-網頁設計-IE9相容性檢視功能
  雖然大家都已逐漸的棄守IE6.0,而IE9.0卻又多了這個相容模式的功能,看似美意但卻也讓許多網頁設計師, 或使用者傻傻分不清楚,怎一下跑版一下又不跑版,也造成設計上的許多困擾,且明明就用IE9.0還得顧慮,使用者會不會已開啟相容性的功能,使用者也不知到底該不該開啟,這真是個羅生門,但梅干還是建議無論是使用者還是設計者,使用新版就設為新版所支援的語法,可減少不必要的麻煩,再者這個相容性功能也很弔詭,若要讓此功能出現,還得先將網頁放到網頁主機中才會出現,也真不知IE9.0在搞什麼,真是讓人摸不透呀!
[範例預覽] [官方說明文件]
UAG軍規iPhone防摔殼