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

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>

我又找了一个Whosebug questions，答案说是图片大小的问题，我觉得不是。我的原始尺寸只有 1310x242 像素。而且我还尝试将尺寸减小到只有 300x56。还是没显示。

非常感谢您的帮助！

Answer 1

好的，我自己整理了

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

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

logo image does not show on mobile device browser

browser

mobile

image

web

display