Safari浏览器在台式机和iPhone上的空白图像，但在其他手机和Windows浏览器上可以正常打开

Question

我在浏览器上同时显示针对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/[email protected]/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

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