如果我们不使用 Bootstrap，我们是否需要 <meta name="viewport" content="width=device-width, initial-scale=1.0">在<head>我们的 HTML 页面？
最佳答案
是。 <meta name="viewport" content="width=device-width, initial-scale=1.0">与 Bootstrap 框架完全无关，应该出现在每个网页上，无论您使用的是什么框架。
viewport META tag 允许 device width 映射到 width CSS 属性，本质上意味着设备像素正确映射到 CSS 像素，允许元素和字体在移动设备上正确缩放。没有这个， a pixel is not a pixel 传统意义上的。
没有 viewport META tag ，您将很难确保您的网站在各种不同的移动设备上看起来相同，因为大多数移动设备具有不同的视口(viewport)。字体在一台设备上看起来太大，而在另一台设备上又太小，即使使用基于百分比的测量单位也是如此。苹果有 great documentation 在 Safari 中展示它。
除此之外，Google 现在还针对 viewport META tag 审核网站通过 Lighthouse，并利用它会 improve your SEO :
为确保您的网站在所有移动设备上都能正确显示，请确保使用 viewport META tag与 content包含 width , initial-scale或两者。还可以使用 media queries 微调响应式设计。
CSS 技巧有 a helpful list 针对特定 设备启动的断点，如果您正在寻找详细的移动优化，以及 ViewportSizes 有一张表展示了 286 种不同的移动设备及其各自的视口(viewport)尺寸以供引用。
关于html - 我们需要 <meta name ="viewport"content ="width=device-width, initial-scale=1.0"> 没有 Bootstrap 吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47742580/