<img> 标签在桌面上显示图像但在移动设备上不显示答案

【问题标题】：<img> tag showing image on desktop but not on mobile<img> 标签在桌面上显示图像但在移动设备上不显示
【发布时间】：2017-09-26 19:34:30
【问题描述】：

我正在开发简单的html页面（try.html），代码如下

<!DOCTYPE html>
<html>
    <head>
        <title>Table</title>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
    </head>
    <body>
        <table id="OuterTable" align="center" cellspacing="0">
            <tr align = "center">
                <td>Your Father</td>
            </tr>
            <tr align = "center">
                <td>
                  <img src="arrow.jpg"/>
                </td>
            </tr>
            <tr align = "center">
                <td>You</td>
            </tr>
        </table>
    </body>
</html>

我已将 try.html 和 arrow.jpg 放在同一个文件夹中。在桌面上打开网页时，图像可以正常显示。将html页面和图像传输到内部存储中同一文件夹中的移动设备时，图像不会显示。

如果我应该为移动页面指定不同的路径，请告诉我。

编辑：

我的测试方式有问题吗？我直接在移动设备上获取 html 页面并在 chrome 中打开它。是否需要设置本地主机并通过手机访问？

【问题讨论】：

标签： html image mobile localhost

【解决方案1】：

将文件扩展名更改为 jpeg。下面的文件信息证实它实际上是一个 jpeg。

【讨论】：

也尝试了 jpeg 扩展，但仍然图像没有显示在移动浏览器上，尽管它显示在桌面上。