如果我们不使用 Bootstrap 我们还需要<meta name="viewport" content="width=device-width, initial-scale=1.0"> in <head>我们的 HTML 页面？
YES. <meta name="viewport" content="width=device-width, initial-scale=1.0">与Bootstrap框架完全无关，应该在every网页，无论您使用什么框架。
The viewport META tag allows device width映射到widthCSS 属性，本质上意味着设备像素正确映射到 CSS 像素，从而允许元素和字体在移动设备上正确缩放。没有这个，像素不是像素传统意义上。
如果没有viewport META tag，您将很难确保您的网站在各种不同的移动设备上看起来相同，因为大多数移动设备具有不同的视口。即使使用基于百分比的测量单位，字体在一种设备上可能看起来太大，而在另一种设备上看起来太小。苹果有很棒的文档在 Safari 中展示这一点。
除此之外，谷歌现在还对网站进行审核viewport META tag通过灯塔，利用它将会提高你的搜索引擎优化:
为了确保您的网站在所有移动设备上正确显示，请sure使用viewport META tag with content包含任一width, initial-scale或两者。还利用媒体查询微调响应式设计。
CSS 技巧有有用的清单启动的断点specific设备，如果您正在寻找详细的移动优化，以及视口尺寸有一张表展示了 286 种不同的移动设备及其各自的视口大小以供参考。
