同一浏览器中同一页面的不同视口宽度

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

有这个元标记该网页

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

这里设定是报告的行为http://recordit.co/aWwJzXxEvS

来源

2017-09-17 Saša Šijak

截图没有帮助;甚至不是动画片。你现在应该知道。我们需要一个[mcve]，或者如果由于某种原因无法制作一个，至少需要链接到实况页面。 –

@MrLister问题是我在本地不同的web服务器上遇到问题。例如，如果我下载了https://v4-alpha.getbootstrap.com/examples/narrow-jumbotron/（保存在Chrome中），然后使用“python -m SimpleHTTPServer”或“http-server”（节点包）我分别获得了2100和1680像素宽度的视口，这只是在Chrome中，FireFox和Safari在两台服务器上都有1680个... –

好，阳光下的一切努力之后，我理解了它的记录。

将页面打开为localhost:port在Chrome浏览器中混淆视口，它显然使用一些不同的逻辑来表示它认为是本地或任何网站。

但在127.0.0.1:port相同的本地服务器上打开页面按预期工作。

来源

2017-09-18 10:12:10

同一浏览器中同一页面的不同视口宽度

回答

相关问题