jquery - 图片适合缩略图

Question

我在尝试将图像的整个宽度适应缩略图的宽度时遇到了很多麻烦。我已经尝试了各种 css 代码，但到目前为止都没有奏效。我不确定用css或jquery更好地解决这个问题。

例如，如果我减小缩略图图像的宽度，图像会变小，但缩略图本身也会变小，而我的图像仍然会被缩略图周围的大间隙截断。我想要的只是缩小图像以完全适合缩略图的最大宽度。请帮忙，这个问题已经困扰了我一个多月。

如果有帮助，这里有一个链接http://scottribbelobrien.blogspot.ca/

非常感谢你的帮助。

Answer 1

使用这个 CSS：

background-image: url(your-url-here);
background-size: 100% 100%;

Answer 2

我遇到了同样的问题，直到我找到了一些东西，转到 head 标签中的 read more 脚本并找到这两行。

img_thumb_height = 250;
img_thumb_width = 350;

现在将高度更改为此 "" ，并选择图像将取决于它的特定宽度，您将不会再看到图像被压缩或扩展。这个“”标签将自动调整高度以适应图像宽度。