如果我直接从文件系统浏览器打开一个页面报告不同的视口宽度,那么如果我用简单的python web服务器提供它。此外,视口在另一个浏览器(测试的Safari和Firefox)中是相同的。由于报告的宽度较大,我的内容更受挤压。为什么同一个文件有区别?
该页面上设置了此元标记
<meta content="width=device-width, initial-scale=1" name="viewport" />
以下是报告的行为http://recordit.co/aWwJzXxEvS
的记录答案 0 :(得分:0)
好的,在太阳下尝试了一切之后,我明白了。
以localhost:port
打开页面会弄乱Chrome中的视口,它显然会为其认为本地或其他任何网站使用一些不同的逻辑。
但是使用127.0.0.1:port
在同一本地服务器上打开页面可以正常工作。