javascript - 为什么 flex 项目会在 iOS 13 中被拉伸？

Question

这是codepen上的完整代码

    .Card {
      max-width: 20%;
      max-height: 100%;
      height: auto;
    }
   .Cards {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-around;
   }

该视图在所有设备上看起来都不错，除了 iOS 13，看起来卡片被拉伸了。 在 iOS 13 上延伸

有谁知道如何解决这一问题？谢谢 ！！！

标签： javascriptcssiosiphonebrowser

Answer 1

CSS 的 max-width 和 max-height 属性效果更好，但许多浏览器不支持它们。

尝试使用object-fit图像的属性。