提升100%高度/宽度的图像

时间:2014-01-06 13:39:32

标签: html css wordpress image woocommerce

首先,我想说我正在使用Woocommerce和主题zeeNoble在Wordpress中工作

我目前正在建立一个网店,我遇到了一些问题,我的产品图像质量差。我四处搜索并在某处读取如果宽度和高度都设置为自动,图片将以原始质量显示。

因此,我所有产品缩略图的宽度和高度都设置为自动。

我现在的问题是,当我同时将widthheight设置为auto时,产品缩略图会缩小到非常低的图像尺寸。

我想在不改变宽度和高度的情况下放大/缩放我的产品缩略图,因为如果我这样做,图像会变得模糊和像素化。

我在这做什么?:)

2 个答案:

答案 0 :(得分:0)

我知道你希望你的图像流畅吗?

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

答案 1 :(得分:0)

尝试在 Woocommerce - >更改图像尺寸设置 - >目录 - >图像选项。不要忘记在此之后重新上传图片或使用Regenerate Thumbnails Plugin