为什么我的网格项目在 safari 中没有在 chrome 和 firefox 中拉伸

大佬教程收集整理的这篇文章主要介绍了为什么我的网格项目在 safari 中没有在 chrome 和 firefox 中拉伸，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决为什么我的网格项目在 safari 中没有在 chrome 和 firefox 中拉伸？

开发过程中遇到为什么我的网格项目在 safari 中没有在 chrome 和 firefox 中拉伸的问题如何解决？下面主要结合日常开发的经验，给出你关于为什么我的网格项目在 safari 中没有在 chrome 和 firefox 中拉伸的解决方法建议，希望对你解决为什么我的网格项目在 safari 中没有在 chrome 和 firefox 中拉伸有所启发或帮助；

我为此网站构建了一个基于网格的照片布局： https://lsiemoneit.de/digital-identity/photos.html

它就像我在 firefox 和 Chrome 中预期的那样工作，但在 Safari 中布局中断。 我附上了一个代码笔，它在下面复制和隔离了这种行为。在 Safari 中，网格行以某种方式被拉伸到 100%，而在 Chrome 和 Safari 中它保持纵横比。这与 Safari 处理 object-fit: contains 的方式有关吗？

https://codepen.io/lkssmnt-the-lessful/pen/oNBLZyZ

.photos-container {
  wIDth: 100%;
  display: grID;
  grID-column-gap: 0.5rem;
  grID-row-gap: 2rem;
  grID-template-columns: repeat(12,1fr);
}

.photos-container img {
  height: 100%;
  wIDth: 100%;
  object-fit: cover;
}

感谢您的帮助！

解决方法

大佬总结

以上是大佬教程为你收集整理的为什么我的网格项目在 safari 中没有在 chrome 和 firefox 中拉伸全部内容，希望文章能够帮你解决为什么我的网格项目在 safari 中没有在 chrome 和 firefox 中拉伸所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。