Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 缩略图中的图像匹配_Jquery_Css_Image_Thumbnails_Blogger - Fatal编程技术网

Jquery 缩略图中的图像匹配

Jquery 缩略图中的图像匹配,jquery,css,image,thumbnails,blogger,Jquery,Css,Image,Thumbnails,Blogger,我在尝试将图像的整个宽度与缩略图的宽度相匹配时遇到了很多麻烦。我尝试过各种css代码,但到目前为止都没有成功。我不确定使用CSS或jquery是否能更好地解决这个问题 例如,如果我减小缩略图图像的宽度,图像会变小,但缩略图本身也会变小,并且我的图像仍会被截断,缩略图周围有很大的间隙。我所要做的就是缩小图像,使其正好适合缩略图的最大宽度。请帮忙,这个问题已经困扰了我一个多月了 如果有帮助,这里有一个链接 非常感谢您的帮助。使用此css: background-image: url(your-url

我在尝试将图像的整个宽度与缩略图的宽度相匹配时遇到了很多麻烦。我尝试过各种css代码,但到目前为止都没有成功。我不确定使用CSS或jquery是否能更好地解决这个问题

例如,如果我减小缩略图图像的宽度,图像会变小,但缩略图本身也会变小,并且我的图像仍会被截断,缩略图周围有很大的间隙。我所要做的就是缩小图像,使其正好适合缩略图的最大宽度。请帮忙,这个问题已经困扰了我一个多月了

如果有帮助,这里有一个链接

非常感谢您的帮助。

使用此css:

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

我也有同样的问题,直到我发现了一些东西,转到head标签中的readmore脚本并找到这两行

img_thumb_height = 250;
img_thumb_width = 350;
现在将高度更改为“”并选择图像将取决于它的特定宽度,您将不再看到压缩或展开的图像。 这将自动调整高度以适应图像宽度