您不能以这种方式组合PHP和CSS，因为PHP是服务器端的，不知道客户端屏幕宽度，而CSS是客户端的，不知道服务器功能。相反，您可以输出两种图像大小，然后使用CSS显示/隐藏它们。例如：
<div class="image-thumbnail"><?php the_post_thumbnail(\'thumbnail\'); ?></div>
<div class="image-fullsize"><?php the_post_thumbnail(\'full\'); ?></div>
和CSS：
@media only screen and (max-width: 728px) {
.image-thumbnail {display: block;}
.image-fullsize {display: none;}
}
@media only screen and (min-width: 729px) {
.image-thumbnail {display: none;}
.image-fullsize {display: block;}
}
另一种方法是输出一幅全尺寸图像，并使用CSS根据客户端屏幕宽度调整宽度。
<div class="image-fullsize"><?php the_post_thumbnail(\'full\'); ?></div>
使用CSS：
@media only screen and (max-width: 728px) {
.image-fullsize img {width: 200px; height:auto;}
}
@media only screen and (min-width: 729px) {
.image-fullsize img {width: 100%; height:auto;}
}
不同之处在于，第一种方法将显示裁剪后的缩略图，而第二种方法将为缩略图显示缩放后的全尺寸图像（稍后可以添加更多断点）
