【问题标题】:Social Media Icons Not Rendering Properly社交媒体图标未正确呈现
【发布时间】:2021-01-18 05:12:37
【问题描述】:

当我通过在地址栏中输入网站来访问网站时,我的社交媒体图标如下所示:

但是,当我刷新页面时,它们会正确呈现。不确定是什么原因造成的,或者是否需要压缩图标:

也有点奇怪,当我在搜索栏中输入网址并转到该网站时,我在左上角收到“不安全”警告,但是当我刷新页面时它确实是安全的,并且图标正在正确加载。可能跟直接输入地址有关吧?

【问题讨论】:

  • 隐身模式会发生这种情况吗?如果不是,那可能与您的 Adblock 或 Adguard 扩展程序有关。
  • 不,它是普通的 chrome 浏览器,它也发生在其他浏览器中
  • 看起来您并没有等待图像加载,然后再尝试显示它们。
  • 这缺少给出特定答案所需的信息 - 在这种情况下,MRE 将是驱动这些图标的代码。这可能是任何数量的事情 - 一个可能的罪魁祸首是使用图标网络字体(大线索是“豆腐”出现)与缓存+加载规则的错误组合,因此(出于某种原因)字体不是从缓存中正确提取,通过重新加载和绕过缓存解决了一个问题。这就是为什么检查这是否也发生在隐身模式中或者您是否完全清除本地缓存很重要的原因。

标签: html css wordpress


【解决方案1】:

原来我的网站没有设置为强制 https://,这是问题的根源。我的托管服务提供商能够解决。

【讨论】:

    猜你喜欢
    • 2020-08-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多