<ul class="widget_image_2">
  <?php while ( $query->have_posts() ) : $query->the_post(); ?>
  <li>
    <?php the_post_thumbnail( \'medium\'); ?> <a href="<?php the_permalink(); ?>"> <?php echo wp_trim_words( get_the_title(), $number_of_words ); ?></a>
  </li>
     <?php endwhile; ?>
 </ul>

以上代码在浏览器中生成：

    <img width="300" src="http://........./wp-content/uploads/2017/11/bitcoin_1-300x200.jpg" 
    class="attachment-medium size-medium wp-post-image" alt="" 
        srcset="http://......../wp-content/uploads/2017/11/bitcoin_1-300x200.jpg 300w, 
http://blewspaper.blogeto.com/wp-content/uploads/2017/11/bitcoin_1-768x512.jpg 768w, 
http://.........../wp-content/uploads/2017/11/bitcoin_1-1024x683.jpg 1024w" 
sizes="(max-width: 300px) 100vw, 300px">

但这两个版本不允许图像在响应版本（600px）中全幅显示：

sizes="(max-width: 300px) 100vw, 300px"
width="300"

有没有办法摆脱这种情况？

我还检查了CSS，CSS中没有写任何东西来施加这样的限制。