記者／陳緯倫
之前曾經提過響應式網站設計(Responsive Web Design)是目前網頁設計的趨勢。由於螢幕的尺寸越來越複雜，同一套網站版型已經無法通用於各種手機、桌機、平板，因此改採響應式網站，因應不同螢幕尺寸而有不同版型。
同一套程式，但透過CSS3的media query可以設定不同版面位置。製作起來看似簡單，甚至很多花錢的老闆還以為，「既然只要更改media query，不影響程式，那就用現在的網站改版成響應式好了，而我只要付美術設計師的費用就好了。」但實際上響應式網站等同新的網站，整個程式碼必須重新打掉，為什麼呢？因為就跟改西裝一樣，當初已經幫你量身訂做，後來你變胖了，裁縫師當然要幫你重做一件啊！
關於響應式網頁的介紹，上網一查就有了。這裡要談的是響應式的複雜。首先遇到最大的問題就是圖片，響應式之後，圖片會因螢幕處寸不同而忽大忽小，甚至會被切割；如果是「文壓圖」的網頁，往往在桌機上看沒問題，但小螢幕上的文字卻整個蓋住圖片，甚至超過圖片範圍。因此光是調整圖與文彼此間位置，設計師可就忙翻天了！
其二，手機螢幕較小，因此不適合將桌機板的全部資訊整個搬來，尤其是header，勢必犧牲一些資訊，如果堅持全面移植，你可以想像手機版網頁每跳下一頁都要看到同樣又一串header。因此必須放棄一些不重要的資訊，或將這些資訊放到網頁選單(menu)下，必須點擊選單才會出現。
其三是表格，桌機的上的表格可以跟你的word表格一樣複雜，多欄多列，甚至表格內還插入圖片，但手機螢幕那麼小，要塞進整個表格又要看的清楚是不可能的，因此必須簡化表格以配合小螢幕尺寸。
為了降低複雜度，通常製作響應式網頁，圖片幾乎是大張的，多用色塊，文字也不多。一來是技術關係，二來在這個資訊爆炸的年代，也沒人喜歡滑手機看繁複圖文吧！
製作響應式網站，設計師與工程師最頭痛的就是要一直拿各種尺寸的螢幕，看看變形模樣。雖然製作技術更複雜，但因為坊間的同業越來越多，殺價競爭之下，因此得標金額卻比往年製作傳統網站還要低很多！有意思吧？，但豈止是做網站，「技術愈趨複雜，售價愈趨低廉」，哪一行不是如此呢？