隨著移動設備的普及，用戶上網的方式發生了巨大變化，無論從樣式還是可用性來講，隻適合桌面顯示器的網站已經過時了。如今，在設計網站的時候必須同時考慮多種屏幕尺寸和用戶體驗。如果網站對你或你的客戶非常重要，那麼實現響應式設計就是當務之急。“響應式和移動優先”的設計理念，可以確保無論使用什麼設備都可以正常訪問你的網站。在這一理念的指導下，本書圍繞實戰案例，全面講解了與響應式設計相關的現代Web技術，堪稱一部“響應式設計大全”。這一版根據新的Web設計趨勢進行了更新，展示了實現現代響應式設計有效的等

●第1 章 響應式Web 設計基礎 11.1  定義需求  11.2  什麼是響應式Web 設計  21.3  瀏覽器支持  21.4  第一個響應式的例子  41.4.1  HTML  51.4.2  圖片  81.4.3  媒體查詢  101.5  示例的不足之處  141.6  小結  15第2  章 媒體查詢  162.1  為什麼響應式Web 設計需要媒體查詢  172.2  媒體查詢的語法  182.3  組合媒體查詢  192.3.1  @import 與媒體查詢  202.3.2  在CSS 中使用媒體查詢  202.3.3  媒體查詢可以測試哪些特性  202.4  通過媒體查詢修改設計  212.4.1  任何CSS 都可以放在媒體查詢裡  232.4.2  針對高分辨率設備的媒體查詢  232.5  組織和編寫媒體查詢的注意事項  242.5.1  使用媒體查詢鏈接不同的CSS文件  242.5.2  分隔媒體查詢的利弊  252.5.3  把媒體查詢寫在常規樣式表中  252.6  組合媒體查詢還是把它們寫在需要的地方  252.7  關於視口的meta 標簽  272.8  媒體查詢4 級  282.8.1  可編程的媒體特性  292.8.2  交互媒體特性  302.8.3  懸停媒體特性  302.8.4  環境媒體特性  312.9  小結  31第3  章 彈性布局與響應式圖片  323.1  將固定像素大小轉換為彈性比例大小  333.1.1  為什麼需要Flexbox  363.1.2  行內塊與空白  373.1.3  浮動  373.1.4  表  373.2  Flexbox 概述  383.2.1  Flexbox 三級跳  383.2.2  瀏覽器對Flexbox 的支持  383.3  使用Flexbox  393.3.1  完美垂直居中文本  403.3.2  偏移  413.3.3  反序  423.3.4  不同媒體查詢中的不同Flexbox 布局  433.3.5  行內伸縮  443.3.6  Flexbox 的對齊  453.3.7  flex  503.3.8  簡單的粘附頁腳  523.3.9  改變原始次序  533.3.10  Flexbox 小結  573.4  響應式圖片  583.4.1  響應式圖片的固有問題  583.4.2  通過srcset 切換分辨率  593.4.3  srcset 及sizes 聯合切換  593.4.4  pictu素  603.5  小結  61第4  章 HTML5 與響應式Web 設計  624.1  得到普遍支持的HTML5 標記  634.2  開始寫HTML5 網頁  634.2.1  doctype  644.2.2  HTML 標簽與lang 屬性  644.2.3  指定替代語言  644.2.4  字符編碼  644.3  寬容的HTML5  654.3.1  理性編寫HTML5  664.3.2  向標簽致敬  664.4  HTML5 的素  674.4.1  和和