特色图像缩略图大小调整

时间：2012-03-09 作者：Stephen

http://i.stack.imgur.com/W2NI1.jpg

左边的图像是它当前的样子。我使用开发人员工具更改宽度&；右侧图像的所有图像字段的高度，但是我希望进行某种裁剪以获得类似的效果，而不存在缩放问题。我的代码如下。

 <div class="thumb">
              <?php the_post_thumbnail(153, 115, true); ?> 
 </div>
.inner .thumb {
     width: 153px;
     height: 115px;
     overflow: hidden;
}

1 个回复
最合适的回答,由SO网友:Jeff 整理而成

我以几种不同的方式处理了这个问题，以下是一些想法：

只需用the_post_thumbnail(\'medium\'); （或任何大于所需显示的定义大小），并应用.inner .thumb img {width: 153px; height: auto;} css规则。如果它太高，就会从你的overflow:hidden; 在容器上。这将导致基于css的图像缩放，但可能没关系wp_get_attachment_image_src 要获得具有图像高度和宽度的数组，并使用php的图像处理函数对要调整大小或裁剪图像的比率进行数学运算。。。这似乎有些凌乱和过分，请将wordpress媒体设置中的默认缩略图大小设置为153x115，并使用比例选项。与答案1一样，这个多余的部分将被你的容器裁剪掉，你只需要让wordpress为你调整图像大小，而不是css

结束
标签： post-thumbnails   cropping   小码农  

相关推荐