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

标签 css google-chrome browser viewport

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

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

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

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

最佳答案

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

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

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

关于css - 同一浏览器中同一页面的不同视口(viewport)宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46264842/

相关文章:

browser - 哪些浏览器最后只支持 SSLv2?

javascript - 如何使用脚本向 Firefox 中的存储添加密码?

css - div之间出现空格

javascript - 由于javascript,检查DOM和css差异的最简单方法

css - Html <div> 元素背景图像不显示,div 内也没有任何内容

wordpress - 站点报告(由某些浏览器) "not secure"尽管证书尚未过期

javascript - 如何在 iframe 中运行由 Angular 制作的 chrome 扩展

ios - 如何让我的 iphone/ios 应用程序在启动时打开一个 Safari 窗口

html - 背景图像不适合所有屏幕尺寸

css - 我想知道在 html5 中正确使用 section 标签