基於“響應式內容”的本質，頁面應該在任何合
理屏幕大小的設備上看上去都很舒服，我們做設計的
就應該站在用戶的角度考慮，一切設計都應該看上去
很美、很實用。本書的響應式設計正是基於這一理念
，從小到一個圖標，大到完整的頁面布局，都從響應
式UI設計入手，適合所有響應式設計的入門人員和中
小企業的網站搭建人員學習。
楊旺功、趙榮嬌編著的《構建跨平臺APP(響應式
UI設計入門)》分為3篇共11章，第一篇是響應式設計
基礎，我們首先介紹清楚到底什麼是響應式設計，然
後介紹分解響應式設計頁面，包括頁面中的元素、頁
面的布局、導航欄、多媒體等；第二篇是響應式設計
框架，詳細介紹了目前使用最廣泛的Bootstrap框架
，包括它的各種樣式設計和特效設計；最後一篇是實
戰，用一個Bootstrap貼吧和HTML 5扁平化公司主頁
，實踐前面所學的內容。
本書技術新穎、內容精練、結構清晰、注重實戰
，適合廣大網頁設計或移動設計初學人員學習，同時
也非常適合大中專院校師生學習閱讀，也可作為高等
院校計算機及相關專業的教材使用。

第1章 傳說中的響應式設計
1.1 支持跨平臺設備的響應式設計
1.1.1 什麼樣的設計是響應式的
1.1.2 響應式設計堅守的4大原則
1.2 響應式設計與其他頁面設計的對比
1.2.1 固定布局
1.2.2 流式布局
1.3 實戰：創建一個響應式網頁
1.3.1 設置HTML文檔的Meta標簽
1.3.2 設計HTML文檔結構
1.3.3 使用CSS 3媒介查詢
1.3.4 運行**個響應式頁面
1.4 小結
第2章 響應式網頁中的元素
2.1 文字
2.2 表單
2.2.1 自定義Radiobox
2.2.2 自定義Checkbox動畫
2.2.3 美化輸入框
2.2.4 下拉框
2.3 框架
2.3.1 傳統的iFrame框架
2.3.2 響應式的iFrame框架
2.4 實戰：實現一個響應式登錄表單
2.4.1 設置登錄表單的HTML結構
2.4.2 設計登錄表單的通用樣式
2.4.3 使用CSS 3媒介查詢實現響應式登錄表單
2.5 小結
第3章 響應式布局
3.1 布局切換
3.2 側邊欄
3.3 寬高等比例變化
3.4 列表
3.4.1 定義列表分級菜單
3.4.2 列表切換效果
3.5 表格
3.5.1 簡單自適應表格
3.5.2 翻轉滾動表格
3.5.3 隱藏表格欄目
3.6 實戰：響應式商品展示列表
3.7 小結
第4章 響應式導航
4.1 響應式導航菜單設計五大原則
4.1.1 按照優先級顯示內容
4.1.2 用創造力來處理有限的空間
4.1.3 下拉菜單
4.1.4 給導航菜單換位置
4.1.5 放棄導航菜單
4.2 導航類型
4.2.1 單層導航
4.2.2 多層導航
4.2.3 面包屑導航
4.3 頁碼設計
4.4 小結
第5章 響應式多媒體
5.1 圖標的響應式
5.2 圖像
5.2.1 可適配的圖像
5.2.2 圖像網格
5.3 視頻
5.3.1 內嵌視頻響應式的難點
5.3.2 從其他網站中手動嵌入視頻
5.4 響應式圖表
5.4.1 一款響應式圖表庫
5.4.2 帶Tooltip提示的線形圖
5.4.3 簡單的餅圖
5.5 小結
第6章 Bootstrap入門
6.1 初次接觸Bootstrap
6.1.1 Bootstrap的優勢
6.1.2 下載Bootstrap
6.2 在網站中引入Bootstrap
6.3 調用Bootstrap的樣式
6.4 調用Bootstrap的組件
6.5 調用Bootstrap的js**
6.6 實戰：一個Bootstrap實現的響應式頁面V1.0
6.7 小結
第7章 Bootstrap的樣式設計
7.1 字體
7.1.1 標題
7.1.2 全局字體和段落
7.2 表格
7.2.1 基本用法
7.2.2 表格的附加樣式
7.2.3 為表格行或單元格添加狀態標識
7.2.4 響應式表格
7.3 表單 112
7.4 按鈕
7.4.1 按鈕的基本樣式
7.4.2 調節按鈕大小
7.4.3 塊級按鈕
7.4.4 為按鈕設置不可點擊樣式
7.5 圖片
7.5.1 圖片類
7.5.2 響應式圖片
7.6 Bootstrap工具類
7.6.1 響應式工具
7.6.2 工具類
7.7 實戰：Bootstrap響應式頁面V2.0
7.8 小結
第8章 Bootstrap的組件設計
8.1 下拉菜單
8.2 按鈕組
8.2.1 垂直排列的按鈕組
8.2.2 兩端對齊的按鈕組
8.2.3 嵌套按鈕組
8.3 input控件組
8.3.1 *常見的搜索框
8.3.2 帶提示的搜索框
8.4 導航
8.4.1 膠囊式導航
8.4.2 面包屑導航
8.4.3 頭部導航
8.5 列表組
8.6 分頁
8.6.1 普通的分頁
8.6.2 上一頁/下一頁
8.7 標簽
8.8 面板
8.9 進度條
8.10 縮略圖
8.11 實戰：Bootstrap響應式頁面V3.0
8.12 小結
第9章 Bootstrap的**設計
9.1 模態對話框
9.2 標簽頁切換
9.3 Tootip
9.4 彈出框
9.5 折疊
9.6 幻燈片
9.7 實戰：Bootstrap響應式頁面V4.0
9.8 小結
**0章 使用Bootstrap實現一個百度貼吧後臺
10.1 確定後臺管理的需求
10.2 設計頁面布局
10.2.1 引入Bootstrap 3框架
10.2.2 實現頁面布局代碼
10.3 設計導航欄
10.3.1 構建導航的整體架構
10.3.2 設計標題和導航鏈接
10.3.3 實現搜索框和通知繫統
10.3.4 實現管理員的登錄信息
10.3.5 構建響應式導航
10.4 設計左側邊欄
10.5 設計主功能部分
10.5.1 主功能的頭部
10.5.2 主功能的帖子列表
10.6 小結
**1章 使用HTML 5設計扁平化的公司主頁
11.1 響應式設計的關鍵
11.2 導航欄的設計
11.2.1 列表的實現
11.2.2 彈出式菜單的實現
11.3 主功能部分的設計
11.3.1 什麼是視差滾動效果
11.3.2 視差效果的實現
11.3.3 圖文列表的實現
11.4 小結
附錄 CSS 3選擇器使用一覽
f1.1 標簽選擇器
f1.2 類選擇器
f1.3 id選擇器
f1.4 通配符選擇器
f1.5 子元素選擇器
f1.6 後代元素選擇器
f1.7 相鄰元素選擇器
f1.8 屬性選擇器
f1.9 組選擇器
f1.10 復合選擇器
f1.11 結構化偽類
f1.12 目標偽類:target
f1.13 狀態偽類
f1.14 否定偽類:not(S)