【发布时间】：2021-09-20 12:30:43
【问题描述】：
在使用 Bootstrap 时，除了使用视口元标记之外，还有其他方法可以制作移动优先的响应式网页吗？
<meta name=viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
【问题讨论】：
【发布时间】：2021-09-20 12:30:43
【问题描述】：
Bootstrap 被开发为移动优先。您无需执行任何操作即可使用 Bootstrap 启用移动优先设计。但 Bootstrap 建议添加元标记as described in the documentation：
Bootstrap 是首先在移动设备上开发的，在该策略中，我们首先针对移动设备优化代码，然后根据需要使用 CSS 媒体查询扩展组件。为确保所有设备的正确渲染和触摸缩放，将响应式视口元标记添加到您的
<head>。
<meta name="viewport" content="width=device-width, initial-scale=1">
viewport 元标记也被注释为starter template 上的必需元标记。
【讨论】：
-
我打算发布一个类似的答案。只需补充一点，@media 查询是符合当今标准的最佳方式。此外，请记住，根据 Google 的报告，搜索开始于移动设备尺寸，但大多数销售都是在更大的屏幕上完成的。