Bootstrap图像圈在iOS上旋转

Question

我的旋转图像有问题。 问题出现在Safari浏览器的iPhone上。

你看到（严重）红色圆圈图像。在iPhone上它旋转了90度，没有明显的原因。上面的图像在两个浏览器上都能正确显示，并且HTML和CSS完全相同。

我正在使用bootstrap css框架，这就是图像的显示方式：

<div class="col-lg-12" style="text-align: center; margin: 20px; background-color: rgba(255, 255, 255, 0); padding: 30px; border-radius: 20px;">
<div class="col-md-3">
    <img class="img-circle" src="../admin/uploads/categories/<?php echo $categoryRow["img"]; ?>" width="140px" height="140px">
</div>
<div class="col-md-9">
    <h2><?php echo $categoryRow['name']; ?></h2>
    <p><?php echo $categoryRow['description']; ?></p>
    <p><a class="btn btn-default" href="category.php?id=<?php echo $categoryRow['catID']; ?>" role="button">Mehr <?php echo $categoryRow['name']; ?></a></p>
</div>

在此页面上，不同文章的类别将显示图像（带有问题）以及标题和说明。这发生在一段时间（）由PHP完成。

问题是我想知道为什么图像在iPhone上旋转，这不应该。该网站在Android浏览器和台式机上运行良好。就在iOS和Safari上，这个神秘的东西出现了。 我真的希望你能帮我解决这个问题。

快乐的星期天，感谢你的期待：）

Answer 1

这不是bootstrap图像圈的问题。这是图像的exif数据的问题。请参阅How to prevent auto-rotating images on iOS on HTML with CSS/Javascript