-
框架提供的方案：Grid system(柵格系統，即為列布局，Grid system最多到達12列的布局方案)
Grid system應用規則：行必須放在container class 容器里
? ? ? ? ? ? ? ? ? ? ? ? ? ? 內容必須放在單元格里，單元格必須是行的子元素等
Buttons--->options(提供了內置的樣式，可根據樣式定制按鈕)
Components組件：Pageheader、Navbar等
查看全部 -
CSS3-Media Query
?1.常見屬性： device-width，device-height-----屏幕寬高（物理）
?width，height -----渲染窗口寬高（瀏覽器）
?orientation -----設備方向（橫屏、豎屏）
?resolution -----設備分辨率
基本語法：
外聯樣式?
<link type="text/css" rel="stylesheet" href="XXX.css" media="only screen and (max-width:480px)">
當屏幕像素小于480像素時引用css樣式
?內聯樣式
<style> @media screen and (min-width:480px){
樣式設置
}
查看全部 -
不錯查看全部
-
如何實現響應式布局：
CSS3-Media Query(最簡單的方式)
借助原生JS（成本高）
框架（支持瀏覽器的響應式布局的設計）
查看全部 -
響應式設計原則：
移動優先：
在設計初期考慮頁面如何在多終端顯示
漸進增強：充分發揮硬件設備的最大功能
查看全部 -
優點：解決了設備只見的差異化展示
缺點：兼容性代碼多，工作量大，加載速度受影響
? ? ? ? 對原有網站布局會產生影響，用戶判斷未必精確
查看全部 -
分布式響應的目的：根據不同的設備給出最佳的展示方案
查看全部 -
響應式寫法
查看全部 -
兼容ie9以下瀏覽器
查看全部 -
設計原則。
查看全部 -
響應式設計優缺點
查看全部 -
bootstrap響應式設計優缺點
查看全部 -
外部css
查看全部 -
css-media Query
查看全部 -
Media Query
查看全部
舉報