php - Woocommerce 商店上的图像被粉碎和扭曲？

Question

我有一个 CSS 问题(我希望如此)。在我这边插入这个 CSS 之后:

.owl-item>.product .product-thumbnail>img, .owl-item>.product .wp-post- 
image, .products:not(.electro-v1)>.product .product-thumbnail>img, 
.products:not(.electro-v1)>.product .wp-post-image {
height: 320px !important;
}

shop 上的图像正确对齐，但这导致一些图像被扭曲或扭曲，不是它们的自然大小。有人可以告诉我我的 CSS 错误在哪里，以及如何修复它？非常感谢

Answer 1

是的，您通过强制高度为 320 像素来拉伸(stretch)图像。尝试将高度应用于包装元素:

.owl-item>.product .product-thumbnail, 
.products:not(.electro-v1)>.product .product-thumbnail {
  height: 320px !important;
}