jquery - 图片适合缩略图

Question

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

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

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

非常感谢您的帮助。

Answer 1

使用这个 CSS:

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