Php Wordpress缩略图

我在一个网站上工作，在主页上我有三个小框，显示wordpress的一篇文章的特色图片

我正在尝试获取它，以便图像可以很好地查看，并根据正在查看的设备的屏幕大小做出响应。我目前将图像显示为“完整”，因此我可以尝试使用CSS对其进行裁剪，而不是放大较小的图像

我想知道是否有人对最好的方法有什么建议

我目前的计划如下：

PHP代码：

<?php $top_query = new WP_Query('cat=CaseStudies&showposts=3'); ?>
<?php while($top_query->have_posts()) : $top_query->the_post(); ?>
    <?php
    echo '<a class="moreinfoC" href="ntg.local/';
        the_permalink();
    echo '/">';
    echo '<div class="col-md-3">';
    echo '<h4 class="case-head">';
        the_title();
    echo '<span> </span></h4>';
    echo '<div class="caseimg">';
        the_post_thumbnail( 'full' );
    echo '</div></a>';
    echo '</div>';
    ?>
<?php endwhile; ?>

---

我也在使用Bootstrap/root框架，如果这有用的话

看看这个网站：

---

你应该使用css@media querys。

我正在为网站的其余部分使用媒体查询，我甚至没有考虑将其应用于此。我来试试看是否有帮助。