1. 程式人生 > >bootstrap概述(1)

bootstrap概述(1)

為了讓 Bootstrap 開發的網站對移動裝置友好,確保適當的繪製和觸屏縮放,
需要在網頁的 head 之中新增 viewport meta 標籤,如下所示

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

在移動裝置瀏覽器上,通過為 viewport meta 標籤新增
user-scalable=no 可以禁用其縮放(zooming)功能。

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

通過新增 img-responsive class 可以讓 Bootstrap 3 中的影象對響應式佈局的支援更友好。

<img src="..." class="img-responsive" alt="響應式影象">