我是初学者，正在努力建立一个快速响应的网站。我读了这篇文章https://css-tricks.com/snippets/html/responsive-meta-tag/，并按照w2schools的提示，但我仍然对“initial-scale = 1.0”感到困惑。我还阅读了与此事相关的StackOverflow问题。我的声誉太低，无法作为评论添加更多问题 - 这就是我要问的原因。
我没有看到它之间的区别：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
和此：
<meta name="viewport" content="width=device-width">
我在许多浏览器中测试了这些代码片段，我无法确定哪个代码更好以及为什么。如果我省略“initial-scale = 1.0”，浏览器会以某种方式为我添加它吗？看起来他们会。
答案 0 :(得分：0)
“initial-scale = 1.0”部分设置浏览器首次加载页面时的初始缩放级别。 “width = device-width”将页面宽度设置为遵循设备的屏幕宽度，具体取决于它们使用的内容。
这是一个很好的阅读链接：
https://www.w3schools.com/css/css_rwd_viewport.asp
“在高dpi屏幕上，初始比例= 1的页面将被浏览器有效地缩放。它们的文本将是平滑和清晰的，但它们的位图图像可能无法利用全屏分辨率。要获得更清晰的图像在这些屏幕上，Web开发人员可能希望以比其最终大小更高的比例设计图像 - 或整个布局 - 然后使用CSS或视口属性缩小它们。这与CSS 2.1规范一致，即：“ - MDN ，
https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag
答案 1 :(得分：0)
我确实使用了initial-scale = 1，但是我注意到删除它 - 针对CSS Tricks和UIkit（v2）的作者的推荐 - 给了我一个完美的，预期的，使用Chrome的页面加载初始缩放在Android上和使用Kindle上的Silk浏览器。包括initial-scale = 1意味着页面加载了一些半随机缩放级别，看起来很业余。 Edge，Chrome和Firefox桌面浏览器都很好，但我还没有在移动设备上进行更广泛的测试。 对于Android，我将离开初始比例= 1，我需要一个很好的理由再次重新开始。
<meta name='viewport' content='width=device-width'>
CSS技巧实际上在其自己的（非常精细的）网站上使用上述内容
答案 2 :(得分：0)
只需使用initial-scale = 1.0
在不同的移动设备上查看网站时，您会发现差异。
例如，页面宽度比屏幕大得多，并且您具有水平滚动条。您可能会认为使用overflow-x: hidden，而不只是将头部中的所有设备的初始比例设置为1
<meta name="viewport" content="width=device-width, initial-scale=1.0" />