佳佳的窩

網站要做 RWD，但是 IE 怎麼辦 ?
 
剛開始摸索 RWD 的設計師
對於這個問題應該都感到很困惑
因為 IE8 以下不支援 @Media
 
但是在這之中有一些觀念問題必須釐清
 
首先，我們之所以做 RWD
主要原因是希望在手機或平版裝置上能正常瀏覽
( 你得先認同這個觀點，以下的論點才會成立 )
 
實際上，智慧型裝置上的 IE 很少  ( 我還沒遇到拿 windows phone 的朋友 )
加上從 Windows Phone 7.5 版開始就已經內建 IE9 了
按此推理，智慧型裝置幾乎都能夠支援 @Media
所以 IE 的問題，僅存在於 PC 上  ( MAC 沒有 IE  )
 
另一個觀念
在智慧型裝置問世之前
我們的網站無庸置疑就是只有電腦版一種，通常泛指 PC
什麼手機、平板，或者又是手機又是平版的通通不存在
 
所以在只有電腦版的前提下
網站版型應該是以電腦螢幕的最小範圍為依據
通常就是以寬度 1024 為基準  ( 或是 1140，我現在都做這尺寸 )
 
也就是說
使用小於1024 px 的 電腦螢幕觀看網站，本來就會出現橫向捲軸
而出現卷軸的情況，也絕對是設計師與使用者都能接受的 ( 誰叫你螢幕小，不接受也不行 )
況且，還在使用 1024 以下的螢幕的使用者，應當去買個跟得上時代的螢幕了
設計師不該為了這小族群白費寶貴的時間
 
所以我們可以得到兩個結論
 
1. 智慧型裝置基本上沒有 IE，即便有，也應該都有支援 @Media
2. IE 不支援的問題只存在於 PC 上，只要將網站寬度維持在 1024 的範圍內即可，低於1024px 的螢幕就    讓它一如往常地出現捲軸吧
 
總結後，再重覆一次問題
 
IE 怎麼辦 ?
答案是 : 管它去 X .....
 
====================================================
 
當網站做了 RWD，拉動瀏覽器視窗
看著網站隨著視窗寬度改變配置時，莫名地有成就感呀
但偏偏就 IE8 與 IE7 怎麼拉都不動
這時候，在設計師的完美主義作祟下，就會開始苦惱 IE 怎麼辦哩 ?
 
其實.....會這樣拉動網站的人，
除了你以外，就是其他的網頁設計師
IE 慢死了，使用者才沒這麼多閒情逸致在那邊上上下下左右左右BA 地搞你的網站
況且使用者若是使用 IE9 以上的瀏覽器
基本上都支援 @media，隨便他愛怎麼拉就怎麼拉
所以，真的不需要這麼在意
 
如果這一大篇文章還是無法說服你放棄對 IE 的治療
那麼你唯一能進行的療程
就只有使用 JS 的 Resize 來處理
或是外掛 css3-mediaqueries.js 了
 
But，把 IE 救活了，使用者就更不會換瀏覽器了，三思 ....