<img> 在 Android 版 Chrome 上不显示答案

【问题标题】：<img> doesn't display on Chrome for Android<img> 在 Android 版 Chrome 上不显示
【发布时间】：2019-09-18 13:35:51
【问题描述】：

我的网站中有一个导航栏，我正在移动设备上进行测试。出于某种原因，我作为导航菜单一部分的图像不会显示在 Chrome for Android 上。当我使用其他浏览器或在笔记本电脑上查看网站时，我没有遇到此问题。不幸的是，我没有要测试的 iPhone。

该网站使用materialize.css。

以下是未显示的导航菜单图像示例：

<div class="menu-container menu-column">
    <div class="menu-container menu-row">
        <div class="menu-container menu-item">
            <a href="/" class="waves-effect"> 
                <img id="id-home" class="image menu-1" src='/path/to/png/file.png'>
            </a>Home
         </div>
      </div>
</div>

我尝试使用 devtools 远程设备调试器查看控制台中的内容，没有错误消息或 404 或任何内容。我不知道该怎么办！

感谢任何帮助。如果需要，我可以提供更多信息。谢谢！

编辑：我添加了一个 sn-p。不幸的是，我不确定如何将图像加载到 jsfiddle 中，因此不可能完全重现该错误。同样，它在我的浏览器和响应模式下看起来都很好。在 Android 版 Chrome 中，<img> 消失了。

小提琴：https://jsfiddle.net/hermana/z2b9L1nv/26/

【问题讨论】：

您是否使用响应模式检查了桌面浏览器？
提供工作代码 sn-p 或 codepen 链接将帮助您和其他人帮助您。
@Alex 它在响应模式下工作，但不在实际设备上。
@ellen 上传演示或分享 sn-p 以检查更多问题
@Alex 查看更新。谢谢！

标签： android html google-chrome materialize

【解决方案1】：

您的文件没有 .jpg 或 png 之类的扩展名，并且您在 Image 中的类属性值需要一个右双引号 "，以便 src 属性将与类值分开

【讨论】：

抱歉，我在公开之前更改了文件路径。我的 img 确实有一个扩展名和一个结束引号 - 这是一个错字。我会尝试添加一个 sn-p 以使问题更清楚