WooCommerce 产品缩略图未正确显示答案

【问题标题】：WooCommerce Product Thumbnails Not showed ProperlyWooCommerce 产品缩略图未正确显示
【发布时间】：2019-01-07 04:25:43
【问题描述】：

我的 Woo 商店遇到了一个奇怪的问题。最新更新后，产品商店缩略图开始以不寻常的方式显示。有些图像显示得很好，但其中一些图像以全尺寸显示。我想让所有图像都像这样显示：

image showing the issue

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

woo configuration

我尝试将其设置为 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
}

任何帮助，如何正常显示所有图像？这是link 表单存储。

【问题讨论】：

您有商店的链接以便我们查看代码吗？
是的，我用 store 的链接更新了问题。对不起。
最新更新前一切正常吗？
不确定........

标签： css wordpress woocommerce

【解决方案1】：

所以看起来响应式图像出了点问题...看看这个issue for more info

而且图像看起来大小不同。

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

恕我直言，最好尝试保持图像的大小和比例相似。

【讨论】：