旋转背景图片-为什么？

Question

在页面https://legionhdk.pl/profil-krwiodawcy/donacje/donacja/3406-robert-kowalewski-08-09-2018上有一个div，背景为https://legionhdk.pl/images/leg/donacje/752-IMG-3273.JPG：

<div class="foto" style="background-image:url('https://legionhdk.pl/images/leg/donacje/752-IMG-3273.JPG')"></div>

{{1}}

当我在任何浏览器中打开图像时，看起来都不错，但是当它在背景中时，它就会旋转。问题是为什么？这个地方的一些照片还可以，但是其中一些被旋转了。

Answer 1

它们的关键在图像的元数据中：

使用iOS相册应用旋转照片时，它实际上并不会旋转图像本身。而是在元数据中设置一个标记，说“此图像已旋转”。虽然有些浏览器现在已经足够聪明，可以读取此信息，但是当通过CSS加载图像时，显然有些浏览器无法正确处理它。

修复：

使用您喜欢的桌面照片编辑软件（Photoshop，GIMP等）打开图像文件并正确设置旋转角度。