代码之家  ›  专栏  ›  技术社区  ›  Steve

客户端PC不遵守CSS规则

  •  0
  • Steve  · 技术社区  · 6 年前

    This page 有一个UL和3个LI,每个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

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

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

    然而,当在Edge中查看样式表时,上面的CSS规则是存在的,但它仍然没有在Edge中应用。

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

    感谢您的故障排除建议。 史蒂夫

    1 回复  |  直到 6 年前
        1
  •  0
  •   Sylvain Biehler    6 年前

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

    -&燃气轮机;更新文件的版本号,一切正常