響應(yīng)式
1、解決手機(jī)分辨率越來(lái)越高，網(wǎng)頁(yè)字體邊框變粗問(wèn)題
判斷是否是視網(wǎng)膜屏
將當(dāng)前頁(yè)面的scale換成0.5/0.3等
動(dòng)態(tài)生成相應(yīng)的meta標(biāo)簽，插入到html文件頭部
2、參數(shù)含義
width：控制 viewport 的大小，可以指定的一個(gè)值，如 600，或者特殊的值，如 device-width 為設(shè)備的寬度（單位為縮放為 100% 時(shí)的 CSS 的像素）
height：和 width 相對(duì)應(yīng)，指定高度
initial-scale：初始縮放比例，也即是當(dāng)頁(yè)面第一次 load 的時(shí)候縮放比例
maximum-scale：允許用戶(hù)縮放到的最大比例
minimum-scale：允許用戶(hù)縮放到的最小比例
user-scalable： yes或no，允許或禁止用戶(hù)縮放網(wǎng)頁(yè)
3、柵格布局
@media screen and (min-width: *px) and (max-width: *px) {
/*此處寫(xiě)當(dāng)寬度發(fā)生改變后重新調(diào)整的樣式*/
}
bootstrap中的響應(yīng)式開(kāi)發(fā)原理是柵格布局
col-lg-3：表示在大屏幕元素寬度大小為屏幕的3/12，即1/4
col-md-4：表示在中等屏幕元素寬度大小為屏幕的1/3
col-sm-6：表示在小屏幕元素寬度大小為屏幕的1/2
col-xs-6：表示在超小屏幕元素寬度大小為屏幕的1/2
用法：直接再div里的class中填寫(xiě)即可<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12"></div>
（本文參考慕課網(wǎng)）
