未正确显示WooCommerce产品缩略图

Question

我的吴宇森商店有一个奇怪的问题。最新更新后，产品商店缩略图开始以不同寻常的方式显示。有些图像显示良好，但其中的一些，显示在全尺寸。我想让它所有的图像显示这样：

显示问题的图像

“良好”产品的尺寸为：251px 304px。这也是我的Woocommerce缩略图配置：

woo配置

我尝试将其设置为CSS：

  .woocommerce ul.products li.product a img {
    width: 100%;
    height: auto; // changed to 304px, but images makes smasshed.
    display: block;
    margin: 0 0 1em;
    -webkit-box-shadow: none;
    box-shadow: none
}

任何帮助，如何显示所有图像的罚款？这是链接表单商店。

Answer 1

所以看起来响应图像出了问题

此外，图像看起来大小不同。

您可以使用CSS使它们更加统一，但图像看起来会被压扁或不成比例。

我认为最好的办法是尽量保持图像的大小和比例相似。