高性能響應(yīng)式Web開發(fā)實(shí)戰(zhàn)

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