Question

我正在开发简单的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中打开它。我是否需要设置localhost并通过移动设备访问？

Answer 1

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

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

1 个答案: