高性能響應式Web開發(fā)實戰(zhàn)

第1章 概述及任務(wù)介紹 1 1.1　為什么需要響應式設(shè)計　1 　1.1.1 產(chǎn)品形態(tài)需要　1 　1.1.2 性能與商業(yè)考慮　3 1.2　本書的線索　3 1.3　寫作思路　4 1.4　定義響應式　5 1.5　本書任務(wù)　6 第2章　響應式中要面對的問題　9 2.1　像素密度　9 2.2　CSS像素　14 2.3　視口　17 　2.3.1 桌面瀏覽器的視口　17 　2.3.2 移動設(shè)備瀏覽器的視口　18 　2.3.3 設(shè)備寬度　20 小結(jié)　21 第3章　布局　23 3.1　寫在編碼前的話　23 　3.1.1 寫出好的代碼　24 　3.1.2 代碼的瀏覽器適配問題　25 　3.1.3 仰望星空與腳踏實地　26 3.2　全局樣式　27 3.3　無懈可擊的導航欄　30 　3.3.1 桌面端　30 　3.3.2 移動端導航欄　37 小結(jié)　40 第4章　布局——響應式篇　41 4.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　56 4.2　伸縮布局　58 　4.2.1 為什么需要伸縮布局　58 　4.2.2 快速入門　58 　4.2.3 基本應用　60 　4.2.4 回歸導航欄flexbox.css　62 4.3　相對單位　63 　4.3.1 相對單位em　65 　4.3.2 相對單位rem　67 　4.3.3 如何使用這幾種單位　68 4.4　標題布局　70 　4.4.1 背景　71 　4.4.2 文字居中　73 4.5　響應式文字　79 　4.5.1 標題　79 　4.5.2 正文內(nèi)容　83 小結(jié)　89 第5章　響應式圖片　91 5.1　萬能的100%　91 5.2　響應式圖用例　93 5.3　srcset語法　96 　5.3.1 移動優(yōu)先或桌面優(yōu)先　97 　5.3.2 計劃趕不上變化　98 　5.3.3 家長式管理　99 5.4　元素　99 　5.4.1 sizes　99 　5.4.2 元素和元素　102 5.4.