Question

我制作了一个网站，当我在笔记本电脑浏览器中打开它时，该网站的徽标看起来不错。但是，它没有显示在我的 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。它仍然没有显示。

非常感谢您的帮助！

Answer 1

好吧，我自己解决了。

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

移动设备浏览器上不显示徽标图像

1 个答案: