如何使特色图像全宽

Question

我试图在我的wordpress主题中使特色图像全宽。我想要它，以便当您转到各个帖子页面时，特色图像的顶部是全宽。 （类似于（http://www.fashionmumblr.com/2016/12/12-days-vlogmas-giveaways.html）有没有人对我如何实现这一点有任何建议？我甚至不知道从哪里开始。我可以使用add_image_size使图像全宽吗？

现在我的横幅图片尺寸为1500X695，但我希望在任何屏幕尺寸上都可以使用它的宽度

        add_image_size('banner-image', 1500, 695, true);

这是我的single.php

<?php
get_header();
the_post_thumbnail('banner-image');
if (have_posts()) :
while (have_posts()) : the_post(); ?>
<article class="post">

<?php wpb_set_post_views(get_the_ID()); ?>
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<?php the_content(); ?>
<?php comments_template(); ?>
</article>
<?php endwhile;
else :
echo '<p>No content found</p>';
endif;
get_footer();

?>

Answer 1

为什么不指定大量像素，然后使用百分比值在CSS中设置图像样式： 的 HTML

<div class="image"><?php the_post_thumbnail( array( 800, 800 ) ); ?></div>

<强> CSS

.image img {
    width:100%;
}