我正在尝试仅使用CSS Grid（不使用插件或Javascript）来构建此马赛克照片库。编写完所有CSS代码后，结果看起来像这支笔https://codepen.io/Cilvako/pen/YzKLLZw
问题在于，由于照片的尺寸不同，其中一些照片的裁剪效果很差。是否有解决方案，或者我应该只是尝试更紧密地构建我的Grid，使其更接近照片尺寸，以免被裁剪？ （我了解所有裁剪操作都来自于设置列和行）。
我尝试用其他值更改object-fit：，但结果甚至更奇怪。
.gallery__img {
width: 100%;
height: 100%;
object-fit: cover;
}
无论您如何构建网格元素，有没有办法建立一个包含完全不被裁剪的不同尺寸照片的镶嵌画廊？谢谢！