在WP Gallery功能（Safari和Chrome问题）中，图库块会破碎并融合在一起

Question

我帮忙为朋友组织/艺术场所清理和翻新网站。

我们正在研究最近几年业务的图像库。从Firefox浏览器看它，一切看起来都不错。从任何Safari版本或Chrome浏览器看一下，所有图像似乎都聚集在一起并以不同的方式叠加。

查看其中一个gallerys-> http://www.stallbergsgruva.se/2018-2/的链接

我搜索了一堆论坛和线程，但似乎无法找到答案。我是代码的初学者，但如果您添加更详细的代码说明以及添加位置等，可以处理它。

先感谢您！ // Erik

Answer 1

你没有为li提供一个固定的高度，如果你没有那么你将无法正确使用object-fit: cover;这里它是css，还添加了margin-bottom只是为了证明

@media (min-width: 600px) {
  .wp-block-gallery.columns-3 
  .blocks-gallery-image, 
  .wp-block-gallery.columns-3 
  .blocks-gallery-item {
    width: calc((100% - 32px)/3);
    margin-right: 16px;
    margin-bottom: 23px;
    height: 290px;
  }
}