1，響應式佈局：簡而言之，就是一個網站能夠相容多個終端——而不是為每個終端做一個特定的版本。這個概念是為解決移動網際網路瀏覽而誕生的。

2，實現響應式佈局的三種方式

1. CSS3-Media Query（最簡單的方式，但是無法滿足很多需求）

2. 藉助原生Javascript（成本高，不推薦使用）

3. 第三方開源框架（比如bootstrap,可以很好的支援瀏覽器的響應式佈局）

3，CSS3-Media Query常見屬性

device-width,device-height 螢幕寬高

width,height 渲染視窗寬高

orientation 裝置方向

resolution 裝置解析度

4，CSS3-Media Query基本語法

外聯CSS語法和內嵌樣式的語法

舉例：外聯樣式表link.css(當螢幕寬度小於等於480px時背景呈紅色)

link.css語法只有一句話：body{background: red;}

5，Bootstrap

使用bootstrap必須引入css和js檔案，一共三個，且順序不能反(版本可以換)，如下所示

<script src="js/jquery.min.js"></script>

<script src="js/bootstrap.min.js"></script>