【问题标题】:Image fit in thumbnail图片适合缩略图
【发布时间】:2013-10-14 18:56:54
【问题描述】:

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

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

如果有帮助,这里是链接http://scottribbelobrien.blogspot.ca/

非常感谢您的帮助。

【问题讨论】:

    标签: jquery css image thumbnails blogger


    【解决方案1】:

    使用这个css:

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

    【讨论】:

      【解决方案2】:

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

      img_thumb_height = 250;
      img_thumb_width = 350;
      

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-03-31
        • 2011-10-16
        • 2011-07-04
        • 1970-01-01
        • 2011-05-08
        相关资源
        最近更新 更多