html - 如何修复“在移动设备中加载时无法加载图像”？

Question

我在 html(PC) 中使用的图像正确加载，我使用了 img 标签。我已将此文件与图像一起保存并发送到我的手机，但它不会在那里加载。我对图像大小或任何东西没有任何问题。我认为这与图像位置有关。

我尝试将 html 文件和图像文件保存在同一位置，但仍然没有奏效。我应该使用css而不是html来显示图像吗？

img {
  border: 10px solid black;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

<img src="sunflowers.jpg" alt="sunflowers">

我希望在我的手机上查看图像时可以正确显示图像，但它会在 alt 属性中显示文本

标签： htmlcss

Answer 1

“我已将此文件与图像一起保存并发送到我的手机”是什么意思？这是在服务器上进行测试，还是只是想在手机上打开一个 html 文件来查看？