FF 在刷新时加载 CSS 的方式不同答案

【问题标题】：FF loads CSS differently on refreshFF 在刷新时加载 CSS 的方式不同
【发布时间】：2011-01-26 00:55:38
【问题描述】：

我在我们网站的标题中添加了一个支持 jQuery 的小宣传广告。在FF中调试它并验证它在IE中工作。我开始在办公室走来走去，注意到在 FF 中，每当一个人“仅第一次”点击页面时，广告的位置就不正确（使用绝对定位）。刷新页面，它将按我的预期/预期加载。 IE 似乎正在工作。任何人都知道为什么当我没有进行任何代码更改时，FF 在刷新时会呈现不同的渲染？

http://stormsmart.com

【问题讨论】：

该站点是否有以前的版本，也许他们有一个旧的缓存.css？还是在 Firefox 中每次非刷新加载都会发生这种情况？
对我来说没问题。您确定这与运行的任何扩展无关吗？您可以在安全模式下运行 Firefox 来确认这一点。另外，哪个版本的 FireFox 给您带来了问题？
@nick。是的，该网站有以前的版本。您是说它可能从缓存中加载了旧的 css 文件.. 好的。我只是担心新访客看不到我的意图。它只发生在第一次加载，但我测试过的计算机之前都曾访问过该站点，因此加载缓存的 css 文件是有意义的。
@Graham.. 3.5.7 是我看到问题发生的版本，但我认为@nick 命中了它。如果您在 ff 中加载正常，那么我猜这是缓存问题。不过感谢您的提示。不知道 ff 安全模式。

标签： css firefox refresh

【解决方案1】：

保持简单的一个选项是查询字符串，看看 SO 是如何做到的：

<link rel="stylesheet" href="http://sstatic.net/so/all.css?v=6322">

只需粘贴一个查询字符串，当您在那里发布时会更改...仅用于浏览器缓存失效。这将使浏览器在您更改它时获取新副本。

我在构建过程中使用它并对其进行修改，查询字符串是
?v=Major.Minor.Rev.Changeset 当我们进行生产推送时，客户端会获得新的 CSS。

【讨论】：

【解决方案2】：

您是否为图像指定了尺寸（高度/宽度）？如果不是，则取决于放置，浏览器不知道图像的大小并将其放置在它认为合适但可能不是您想要的位置。如果你点击刷新，它已经知道图像的大小，然后“修复”它。

【讨论】：