<img> 标记在桌面设备上显示图片，但不在移动设备上显示图片

我正在开发简单的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上打开它。我需要设置本地主机并通过移动设置？

将文件扩展名更改为jpeg。下面的文件信息确认其实际上是JPEG。

相关内容

最新更新

热门标签：