放大圖像，高度/寬度為100％

Question

首先，我想說的是我正在使用Woocommerce和主題zeeNoble在Wordpress中工作

我目前正在建立一個網上商店，但我的產品的圖片質量不好，因此遇到了一些問題。 我四處搜尋，並讀到某個地方，如果將width和height都設置為auto，則圖片將以原始質量顯示。

因此，我所有產品縮略圖上的寬度和高度都設置為自動。

我現在的問題是，當我同時將width和height都設置為auto ，產品縮略圖會縮小到非常小的圖像尺寸。

我想在不更改寬度和高度的情況下放大/縮放產品縮略圖，因為如果這樣做，圖像將變得模糊和像素化。

我在這里做什么？

Answer 1

我了解您希望您的圖片流暢嗎？

img {
  max-width: 100%;
  height: auto;
}

Answer 2

嘗試在Woocommerce->設置->目錄->圖像選項中更改圖像大小。 之后，請不要忘記重新上傳圖像或使用“ 重新生成縮略圖”插件