我是一个尝试制作响应式网站的初学者。我阅读了这篇文章https://css-tricks.com/snippets/html/responsive-meta-tag/并遵循了 W3Schools 的提示，但我仍然对initial-scale=1.0. 我还阅读了与此问题相关的 Stack Overflow 问题。我的声誉太低，无法添加更多问题作为评论 - 这就是我问的原因。
我看不出这之间的区别：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
和这个：
<meta name="viewport" content="width=device-width">
我在许多浏览器中测试了这些代码片段，我无法确定哪些代码更好以及为什么。如果我省略initial-scale=1.0浏览器会以某种方式为我添加它吗？看起来他们会的。
“initial-scale=1.0”部分设置浏览器首次加载页面时的初始缩放级别。"width=device-width" 将页面的宽度设置为跟随设备的屏幕宽度，具体取决于设备使用的内容。
这是一个很好的阅读链接：
https://www.w3schools.com/css/css_rwd_viewport.asp
“在高 dpi 屏幕上，initial-scale=1 的页面将被浏览器有效缩放。它们的文本将平滑清晰，但它们的位图图像可能不会利用全屏分辨率。为了在这些屏幕上获得更清晰的图像，Web 开发人员可能希望以比最终尺寸更高的比例设计图像或整个布局，然后使用 CSS 或视口属性将它们缩小。这与 CSS 2.1 规范一致，该规范说：“- MDN ,
https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag
我确实使用了 initial-scale=1，但我注意到删除它 - 反对 CSS Tricks 和 UIkit (v2) 的作者的建议 - 在 Android 上使用 Chrome 和在 Kindle 上使用 Silk 浏览器。包括 initial-scale=1 意味着页面以某种半随机缩放级别加载，这看起来很业余。Edge、Chrome 和 Firefox 桌面浏览器都很好，但我还没有在移动设备上进行更广泛的测试。对于 Android，我将 initial-scale=1 关闭，我需要一个很好的理由来重新打开它。
<meta name='viewport' content='width=device-width'>
CSS 技巧实际上在它自己的（非常好的）网站上使用了上述内容
Just use initial-scale=1.0
You would see the difference when viewing your website on different mobile devices.
For example the page being a way larger width of the screen and you have a horizontal scrollbar. You may think use overflow-x: hidden but no just set the initial scale to 1 for all devices in the head
<meta name="viewport" content="width=device-width, initial-scale=1.0" />