带有对象适配功能的PC Chrome上的某些iPhone图片看起来很糟糕：保护套

问题描述

PC上的Chrome 86不适用于某些用iPhone制作的图片的“对象适合：封面” css规则。 如果我使用中文的“秦牛”图片上传实用程序，则会发生这种情况。

运行代码段。第一张图片托管在stackoverflow上，并且可以正确显示。第二个在中国服务器上，并且歪斜。 我的猜测是，一幅人像图片被误认为是风景图片，并且水平倾斜较大，而不是将其垂直扩展到可见区域。 Firefox可以正确执行。 iPhone的Chrome也是如此。 我知道需要较长的解决方法，关闭对象适配将使它们相似，但是如果有人注意到两张图片之间的差异，请告诉我。

.wrapper {
    width: 170px;
    height: 170px;
    display: inline-block;
}
.wrapper img {
    width: 100%;
    height: 100%;
    display: inline-block;
    object-fit: cover;
    -o-object-fit: cover;
}

<div class="wrapper">
  <img src="https://i.stack.imgur.com/1CxGg.jpg"/>
</div>
<div class="wrapper">
  <img src="https://ex.super-staffing.com/427d1e31-79d5-4cb9-af78-7df4b640b1bc.jpeg"/>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）