跨浏览器问题,CSS未加载

时间:2016-12-08 18:41:39

标签: css

我遇到一些我的CSS规则被Firefox,IE和Safari忽略了,而它在我开发的Chrome中看起来是正确的。 我已经刷新了硬盘,清除了浏览器缓存,使用过之前从未访问过网站的计算机和浏览器。此外,我在缓存管理中清除了CSS和JS。检查CSS文件我可以看到浏览器引用的CSS版本的旧版本与我上传到服务器的版本不匹配。为什么浏览器加载旧的CSS版本? 我的网站是:http://www.thirstforgreat.com/merchandise.html

1 个答案:

答案 0 :(得分:0)

浏览器缓存并仍在使用旧的CSS文件。您必须让浏览器知道他们需要下载新文件。

一种选择是更改CSS文件的URL查询参数,以强制浏览器为每个文件版本获取不同的副本。您可以使用文件版本标识符:

<link rel="stylesheet" href="stylesheet/css.php?version=1.2" type="text/css" />

有关其他选项,请参阅this question的已接受答案。

如果您将文件版本作为查询参数附加到CSS文件,您会注意到当您仍在测试对同一文件版本的修改时,您的浏览器不会重新加载该文件。在这种情况下,您可以force your browser to do a hard refresh