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

第1章 概述及任務(wù)介紹 1 1.1　為什么需要響應(yīng)式設(shè)計　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)式中要面對的問題　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　無懈可擊的導(dǎo)航欄　30 　3.3.1 桌面端　30 　3.3.2 移動端導(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　相對單位　63 　4.3.1 相對單位em　65 　4.3.2 相對單位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 移動優(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.