●章 概述及任務介紹11.1 為什麼需要響應式設計 1 1.1.1 產品形態需要 1 1.1.2 性能與商業考慮 31.2 本書的線索 31.3 寫作思路 41.4 定義響應式 51.5 本書任務 6第2章 響應式中要面對的問題 92.1 像素密度 92.2 CSS像素 142.3 視口 17 2.3.1 桌面瀏覽器的視口 17 2.3.2 移動設備瀏覽器的視口 18 2.3.3 設備寬度 20小結 21第3章 布局 233.1 寫在編碼前的話 23 3.1.1 寫出好的代碼 24 3.1.2 代碼的瀏覽器適配問題 25 3.1.3 仰望星空與腳踏實地 263.2 全局樣式 273.3 無懈可擊的導航欄 30 3.3.1 桌面端 30 3.3.2 移動端導航欄 37小結 40第4章 布局——響應式篇 414.1 媒體查詢 41 4.1.1 為什麼需要媒體查詢 41 4.1.2 什麼是媒體查詢 44 4.1.3 媒體查詢中的邏輯 45 4.1.4 媒體查詢的策略 46 4.1.5 導航欄與媒體查詢 51 4.1.6 polyfill 564.2 伸縮布局 58 4.2.1 為什麼需要伸縮布局 58 4.2.2 快速入門 58 4.2.3 基本應用 60 4.2.4 回歸導航欄flexbox.css 624.3 相對單位 63 4.3.1 相對單位em 65 4.3.2 相對單位rem 67 4.3.3 如何使用這幾種單位 684.4 標題布局 70 4.4.1 背景 71 4.4.2 文字居中 734.5 響應式文字 79 4.5.1 標題 79 4.5.2 正文內容 83小結 89第5章 響應式圖片 915.1 萬能的100% 915.2 響應式圖用例 935.3 srcset語法 96 5.3.1 移動優先或桌面優先 97 5.3.2 計劃趕不上變化 98 5.3.3 家長式管理 995.4