Css Can'；不要将材质装箱以处理裁剪的图像

因此，对于materializecss，我还没有弄清楚如何制作正方形网格的图片，而是使用了col s（n）来制作它们。由于所有这些图像的大小都不相等，我必须创建一个样式，通过将其“对象适合”设置为“覆盖”来填充列高度，并将溢出设置为“隐藏”，从而使它们均匀地网格化

问题是，如果我在img标签上设置“materialboxed”，图像（在s（n）列内）的“object fit”属性将被删除，基本上图像将返回到其原始纵横比，但仍在s（n）列内。 但如果我在div class=“col s（n）…”标记上设置“materialboxed”，则放大的图像将以与网格中显示相同的方式进行裁剪

任何帮助都将不胜感激

谢谢

HTML:

<div class="col s4 m4 l2 gridgallery" style="padding: 0px;">
 <img class="materialboxed" src="data/images/EXTERIOR_001.jpg">

---

只需在上面的css之后添加此css：

.materialboxed.active{
   object-fit:contain;
}

您可以添加

！重要信息

如有必要，但我没有这样做

.materialboxed.active{
   object-fit:contain;
}