客户端的PC不遵守CSS规则

时间:2018-03-13 07:10:06

标签: microsoft-edge

This page具有3个LI的UL,每个LI包含联系人姓名和详细信息。

以下CSS适用:

@media (min-width: 800px) {
    #medicalservices3 #tile li {
        width: 31.5%;
        padding: 30px 0;
    }
}

此规则适用于我的Edge&台式机上的Chrome浏览器 - 我看到一行有3个联系人。

但是,在Windows 10 PC问题上,规则未在Edge或Chrome中应用。相反,以下规则适用:

@media (min-width: 640px) {
    #tile li {
        width: 47.5%;
        padding: 30px 0;
    }
}
  • 屏幕宽度可能约为1800px。

编辑 - 这个问题影响了Edge&铬。加载网站时,网站会将样式表加载为http://sb.superiorit.com.au/wp-content/themes/Divi-SBDS/style.css?ver=3.0.106

在第134行的PC上的样式表中,我看到#medicalservices3 #tile li

在问题PC上,当他们在Chrome中加载上面的样式表时,#medicalservices3 #tile li不存在。我已清除Chrome缓存。

但是,在Edge中查看样式表时会出现上面的CSS规则,但它仍未在Edge中应用。

他们的ISP可以缓存上面的CSS文件吗? 结束编辑

故障排除建议表示赞赏。 史蒂夫

1 个答案:

答案 0 :(得分:0)

最有可能: - 有问题的PC和你的不在同一个网络上 - 在有问题的网络上有一个中间缓存代理或反向缓存 - 您更改了css文件的内容而不更改版本号

- >更新文件的版本号,一切都应该正常