搜尋

下一節: height (可视窗口高度)与 device-height(设备高度)3788 次播放

5 秒后自动播放下一节
  重新觀看

Bootstrap響應式網頁版面篇

介紹 >
章節課件
第1章Bootstrap.使用者介面架構

使用者介面與互動架構

01分鐘44秒

下載 Bootstrap

02分鐘15秒

包含的文件

02分鐘26秒

在網頁中使用 Bootstrap

05分鐘34秒

佈局

04分鐘34秒

嵌套佈局與流動佈局

03分鐘50秒

響應式佈局

04分鐘21秒

把現有的固定寬度佈局轉換成響應式佈局

03分鐘38秒

響應式佈局的實用類

02分鐘59秒

常用標籤與樣式

03分鐘48秒

清單

03分鐘30秒

程式碼

03分鐘44秒

Google美化

02分鐘29秒

表格

03分鐘24秒

表單

04分鐘09秒

文字方塊的前綴與後綴

03分鐘14秒

單選按鈕

02分鐘16秒

複選框

02分鐘17秒

選擇清單

02分鐘42秒

表單的排版

02分鐘53秒

按鈕

03分鐘55秒

按鈕群組

02分鐘13秒

帶有下拉式選單的按鈕

03分鐘48秒

導航選單

05分鐘43秒

導覽選單裡的下拉選單

02分鐘07秒

導航選單的響應式設計

02分鐘35秒

選項卡 #1

02分鐘42秒

選項卡 #2

03分鐘58秒

導覽路徑與分頁器

04分鐘01秒

提示訊息

02分鐘43秒

縮圖

03分鐘58秒

對話框

04分鐘01秒

工具提示

03分鐘26秒

折疊內容

04分鐘45秒

旋轉木馬

03分鐘39秒
第2章響應式網頁設計

課程介紹

01分鐘39秒

響應式設計的真實例子

02分鐘33秒

viewport - 可視窗口

01分鐘33秒

手動配置 viewport

04分鐘25秒

像素密度

02分鐘49秒

應用媒體查詢的方法

01分鐘53秒

media type 媒體類型

04分鐘00秒

meida feature 媒體特性

01分鐘43秒

aspect-ratio 可視窗口寬與高的比例

03分鐘01秒

aspect-ratio 設備的寬與高的比例

03分鐘34秒

orientation 設備的使用方向

02分鐘04秒

height (可視視窗高度)與 device-height(裝置高度)

03分鐘20秒

width(視覺視窗寬度) 與 device-width(裝置寬度)

03分鐘45秒

resolution 像素密度

05分鐘09秒

操作符 - and

04分鐘33秒

逗號分隔連接多個媒體查詢

02分鐘13秒

運算子 - not

03分鐘03秒

響應式佈局 #1

03分鐘56秒

響應式佈局 #2

02分鐘05秒

響應式佈局 #3

02分鐘07秒

響應式導航

01分鐘52秒

導覽選單的 HTML

04分鐘07秒

導覽選單的 CSS

02分鐘46秒

切換按鈕的樣式

03分鐘08秒

響應式導覽選單的樣式

04分鐘06秒

響應式的圖像

04分鐘07秒

響應式的背景影像

01分鐘43秒

不同尺寸的設備使用不同的影像

00分鐘49秒

不同尺寸的設備使用不同的背景影像

03分鐘05秒

根據螢幕密度切換不同的背景影像

03分鐘14秒

圖片填充

04分鐘40秒

響應式幻燈片

03分鐘50秒

幻燈片的控制按鈕

02分鐘08秒

投影片的控制按鈕樣式

03分鐘06秒

修復投影片被覆蓋的問題

01分鐘27秒

結束語

00分鐘31秒
  • 取消回覆傳送
  • 取消發佈筆記傳送