移动设备优先

移动设备优先
在Bootstrap 2中，我们对框架中的某些关键部分增加了对移动设备友好的样式。而在Bootstrap 3中，我们重写了整个框架，使其一开始就是对移动设备友好的。这次不是简单的增加一些可选的针对移动设备的样式，而是直接融合进了框架的内核中。也就是说，Bootstrap是移动设备优先的。针对移动设备的样式融合进了框架的每个角落，而不是一个单一的文件。
为了确保正确的渲染和触摸缩放，需要在之中添加viewport meta（元数据）标签。
Copy

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

您可以在viewport meta（元数据）标签上添加user-scalable=no来禁用移动设备上的缩放功能。 这将禁用缩放，这意味着用户只能够滚动屏幕，这样您的网站感觉更有点像原生应用。总体而言，我们不推荐每个站点使用这个，你应该谨慎使用！
Copy

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