Bootstrap 手机屏幕自适应的响应式布局开关

Bootstrap提供了一套响应式布局的解决方案。但是有时候我们需要自己控制是否需要这个响应式布局。

在3.x的bootstrap里面,如果想要开启,需要添加下面的东西:

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

如果移动设备浏览器里,屏幕太大的话,缩放影响效果,可以禁用缩放。就是再加上 user-scalable=no这个标签。

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