推薦教程：Bootstrap教程

　　為了讓 Bootstrap 開(kāi)發(fā)的網(wǎng)站對(duì)移動(dòng)設(shè)備友好，確保適當(dāng)?shù)睦L制和觸屏縮放，需要在網(wǎng)頁(yè)的 head 之中添加 viewport meta 標(biāo)簽，如下所示：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

　　width 屬性控制設(shè)備的寬度。假設(shè)您的網(wǎng)站將被帶有不同屏幕分辨率的設(shè)備瀏覽，那么將它設(shè)置為 device-width 可以確保它能正確呈現(xiàn)在不同設(shè)備上。

　　initial-scale=1.0 確保網(wǎng)頁(yè)加載時(shí)，以 1:1 的比例呈現(xiàn)，不會(huì)有任何的縮放。

　　在移動(dòng)設(shè)備瀏覽器上，通過(guò)為 viewport meta 標(biāo)簽添加 user-scalable=no 可以禁用其縮放（zooming）功能。

　　通常情況下，maximum-scale=1.0 與 user-scalable=no 一起使用。這樣禁用縮放功能后，用戶只能滾動(dòng)屏幕，就能讓您的網(wǎng)站看上去更像原生應(yīng)用的感覺(jué)。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

原文章地址：https://www.cnblogs.com/wang3680/p/1fba762fb916d0189047085d9e14c117.html