Safari浏览器桌面版和Iphone版上的空白图片，但在其他手机和Windows浏览器上可以正常打开

Question

我在Safari浏览器上同时显示针对MAC和Iphone的图像时遇到问题，但是这些图像在Windows浏览器和Android OS上的打开效果非常好。我使用了最新版本的引导程序，但仍然遇到相同的错误。

以下是最新的引导CDN：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>

<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

顺便说一下，这些图像是从cloudinary调用的，我似乎无法理解为什么它在iPhone和Mac的Safari浏览器中都显示为空白。

Answer 1

您正在.webp标签中使用图像格式<img>。
WebP Format is not supported in Safari currently

尝试使用其他图像格式或为图像创建类似后备的内容。