移动设备上的图像损坏
Broken image on mobile device
我的一张图片显示损坏的图片 link，但仅限于移动设备。在我所有的桌面浏览器中，即使在调整浏览器 window 大小时，图像仍然显示。 <img> 标签的文件路径是正确的，没有 CSS 或 JS 定位图像，除了字面上只有一个 width 和一个 margin CSS 属性。在搜索了大约一个小时的拼图后，我终于弄清楚是什么解决了问题，但不知道是什么原因造成的。
我使用的图片标签：
<img src="/path/to/image.png" alt="image alt tag">
最终解决了什么问题：
<img src="/path/to/image.png" alt="image alt tag" />
（注意标签末尾的 /）
为什么这个小小的 / 有这么大的不同？为什么所有其他具有完全相同 CSS class 和文件路径的图像都没有问题？这个/实际上是做什么的？
通过将“/”（或“右括号”）添加到 img 标签的末尾，您正在为 XML 或 XHTML 验证它。 HTML 不需要结束括号（它在 HTML 中是可选的，代码将以任何一种方式工作），但 XML/XHTML 确实需要它。
由于您的移动浏览器没有显示没有括号的图像，而是正确显示了带有括号的图像（并且您的 PC 显示了两种方式），这很可能意味着您的移动浏览器正在使用 XML/XHTML（需要“/”的地方）并且您的 PC 在 HTML 中解析它（代码可以使用或不使用“/”）。
希望对澄清有所帮助！如果您不明白我说的话或想要澄清，请发表评论:)
我的一张图片显示损坏的图片 link，但仅限于移动设备。在我所有的桌面浏览器中，即使在调整浏览器 window 大小时，图像仍然显示。 <img> 标签的文件路径是正确的，没有 CSS 或 JS 定位图像，除了字面上只有一个 width 和一个 margin CSS 属性。在搜索了大约一个小时的拼图后，我终于弄清楚是什么解决了问题，但不知道是什么原因造成的。
我使用的图片标签：
<img src="/path/to/image.png" alt="image alt tag">
最终解决了什么问题：
<img src="/path/to/image.png" alt="image alt tag" />
（注意标签末尾的 /）
为什么这个小小的 / 有这么大的不同？为什么所有其他具有完全相同 CSS class 和文件路径的图像都没有问题？这个/实际上是做什么的？
通过将“/”（或“右括号”）添加到 img 标签的末尾，您正在为 XML 或 XHTML 验证它。 HTML 不需要结束括号（它在 HTML 中是可选的，代码将以任何一种方式工作），但 XML/XHTML 确实需要它。
由于您的移动浏览器没有显示没有括号的图像，而是正确显示了带有括号的图像（并且您的 PC 显示了两种方式），这很可能意味着您的移动浏览器正在使用 XML/XHTML（需要“/”的地方）并且您的 PC 在 HTML 中解析它（代码可以使用或不使用“/”）。
希望对澄清有所帮助！如果您不明白我说的话或想要澄清，请发表评论:)