响应_POST_THMBURBILE()的图像缩放

时间:2014-03-07 作者:RailsTweeter

在我的功能中。php文件,我有:

add_theme_support( \'post-thumbnails\' );
add_image_size( \'kev-feature\', 650, 342, true );
在模板文件中,我有:

<div class="article-feature-image"><?php the_post_thumbnail(\'kev-feature\'); ?></div>
我有一个反应灵敏的设计,我希望图像最大值为650x342,随着浏览器缩小,图像可以缩小。它目前没有这样做。我注意到输出的img html标记具有硬编码的高度和宽度,所以我假设这就是为什么它没有缩放。

我做错了什么?

1 个回复
SO网友:elleeott

这是一个css问题,而不是wordpress的问题。html img标记中指定的维度的特定性为0,因此任何css规则都将覆盖它们。这应该可以:

.article-feature-image img {
    width:100%;
    max-width:650px;
    height:auto;
}
作为参考,您可以使用wp\\u get\\u attachment\\u image\\u src函数获取特色图像的url属性,并手动构建img标签,而不包含高度和宽度属性:

<?php $img_url = wp_get_attachment_image_src(get_post_thumbnail_id(),\'kev-feature\'); ?>
<img src="<?php echo $img_url[0];?>"/>

结束

相关推荐

mobile vs responsive sites

美国一家医疗诊所的网络公司告诉我,对他们来说,建立一个常规的WP网站和一个单独的WP移动网站比建立一个单一的WP响应网站更便宜。什么是更好的传统智慧。是否只对那些负担不起常规和移动站点的用户做出响应,或者它处理的设备是否比移动站点多?