css - 同一浏览器中同一页面的不同视口(viewport)宽度

Question

如果我直接从文件系统浏览器打开一个页面会报告不同的视口(viewport)宽度，那么如果我使用简单的 python 网络服务器来提供它。此外，视口(viewport)在另一个浏览器(测试的 Safari 和 Firefox)中是相同的。由于报告的宽度较大，我的内容更受挤压。为什么同一个文件会有差异？

在该页面上设置了这个元标记

<meta content="width=device-width, initial-scale=1" name="viewport" />

这是报告行为的记录http://recordit.co/aWwJzXxEvS

Answer 1

好的，在 Sun 下尝试了一切之后，我想通了。

以 localhost:port 打开页面会弄乱 Chrome 中的视口(viewport)，它显然对它认为是本地或其他网站的网站使用了一些不同的逻辑。

但在使用 127.0.0.1:port 的同一台本地服务器上打开页面会按预期工作。