自適應網頁設計教學(RWD)

九個適應性設計小撇步,把你的網站打造成變形金剛!(上篇) | Mozilla Tech | 謀智台客
Mozilla Tech | 謀智台客,含 Firefox、Firefox OS (B2G) 、HTML、Javascript、CSS等軟體專案之最新消息、技巧,及公告資訊。...
非常詳盡的教學,分成上、下兩集:

上篇: http://goo.gl/kpXxe7
 
下篇: http://goo.gl/S0VKX3


ChunWei Wang
這篇還算蠻詳細的,不過要照著下篇來變更選單的話,涉及到改造範本,會是很大的工程。

另外,Box-sizing在解決圖片超出版面的問題上雖然很有用,但實測時Chrome不支援padding-box,請記得改用border-box取代

◎ 使用 Google 帳號者,勾選「通知我」可收到後續回覆的 mail!
◎ 沒使用 Google 帳號者,發言身份可選「名稱/網址」,來輸入暱稱
◎ 詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為"複製貼上"的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。