移動web開發---第三天

1、響應式開發
一、響應式佈局， 就是一個網站可以兼容多個終端。

二、響應式開發的原理

CSS3中的Media Query（媒介查詢，and以後必定要加空格@media screen and (min-width: 768px) and (max-width: 992px) {}; 經過查詢screen的寬度來指定某個寬度區間的網頁佈局。

超小屏幕（移動設備）768px如下

小屏設備    768px-992px

中等屏幕    992px-1200px

大屏設備    1200px以上

三、響應式開發和移動web開發的區別

bootStrap

bootStrap框架----當前最流行的前端UI框架（有預製界面組件）

特色：組件簡潔大方，代碼規範精簡，界面自定義性強

優勢：

有本身的生態圈，不斷的更新迭代

提供了一套簡潔、直觀、強悍的組件

標配準化的html+css編碼規範

讓開發更簡單，提升了開發的效率。

三、佈局容器

.container固定寬度而且支持響應式佈局的容器

默認margin:55px; padding:15px;

.container-fluid類用於 100% 寬度，佔據所有視口（viewport）的容器。

四、刪格系統

行：row 經過自身的拉伸來填充父容器的內邊距

刪格參數：