徽标图像未显示在移动设备浏览器上答案

【问题标题】：logo image does not show on mobile device browser徽标图像未显示在移动设备浏览器上
【发布时间】：2021-04-10 05:53:04
【问题描述】：

我创建了一个网站，当我在笔记本电脑浏览器中打开它时，该网站的徽标看起来不错。但是，它没有出现在我的 iPhone 或 iPad 浏览器中。我试过 Safari、Chrome、Brave，都一样……

这是我的 html 文件中的代码：

<div class="header-logo logo animated" data-animate="fadeInDown" data-delay=".6">
    <a href="./" class="logo-link">
        <img class="logo-dark" src="images/logo-s2-white.png" srcset="images/logo-s2-white2x.png 2x" alt="logo">
        <img class="logo-light" src="images/logo-s2-white.png" srcset="images/logo-s2-white2x.png 2x" alt="logo">
    </a>
</div>

我找到了另一个stackoverflow questions，答案说是因为图像大小，但我不这么认为。我的原始尺寸只有 1310x242 像素。而且我还尝试将尺寸减小到仅 300x56。它仍然不显示。

非常感谢您的帮助！

【问题讨论】：

标签： image web mobile browser display

【解决方案1】：

好的，我自己解决了。

它是 srcset，显然它定义了我们将允许浏览器选择的图像集，以及每个图像的大小。所以我忘记在 srcset 中更新为我想要的图像了。

【讨论】：