javascript - jquery 和 css 在同一浏览器窗口中呈现不同，具体取决于是通过 django 加载还是静态加载

Question

我有一个奇怪的情况。对于使用 html、jquery 和 css 编写的网页，在同一个浏览器但在 2 个不同的选项卡中，我得到了不同的页面渲染。

案例 1:直接从文件系统加载 html 文件:在这种情况下，代码可以正确呈现。此代码使用 $window.width() 返回 2273。代码还使用 setTimeout() 和 $timeout 在 DOM 加载后执行某些 jQuery 操作

案例 2:从 django 站点(本地托管)提供 html/images/css:在这种情况下，$window.width() 的值为 2067。某些 jQuery 部分无法正常工作。所有图像和整个页面的尺寸“更大”。

相同的浏览器 (Chrome) 不同的标签页。

有什么线索吗？

Answer 1

如果文本和图像在一个页面上看起来比在另一个页面上大，但实际情况并非如此，那么您应该首先检查缩放系数。

用键盘快速放大或缩小一点很容易，然后就忘了它，但 Chrome 有每页缩放设置，所以当你重新访问你曾经放大过的页面时，它会使用再次使用相同的缩放系数。

当然，对于浏览器来说，位于 file:///var/www/file.html 的页面与位于 http://localhost/的页面不同file.html，即使您知道它们是。