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

时间:2017-09-17 13:56:10

标签: css google-chrome browser viewport

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

该页面上设置了此元标记

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

以下是报告的行为http://recordit.co/aWwJzXxEvS

的记录

1 个答案:

答案 0 :(得分:0)

好的,在太阳下尝试了一切之后,我明白了。

localhost:port打开页面会弄乱Chrome中的视口,它显然会为其认为本地或其他任何网站使用一些不同的逻辑。

但是使用127.0.0.1:port在同一本地服务器上打开页面可以正常工作。