特色图片未显示

Question

使用样式attr显示特色图片，但图片的高度似乎为0，似乎已加载图片，但高度为0，我检查时缺少整个CSS代码

<?php $featured = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full' ); ?>
                    <?php $featured = $featured[0]; ?>
                    <div class="featuredImage" style="background-image:url(<?php echo $featured ?>);"></div>
</header>


@media only screen and (min-width: 768px) {
.div featuredImage{
        height: 300px;
        width: 100%;
    }
}

Answer 1

首先，您需要打开一个样式标签来编写CSS代码。然后，修复也不正确的CSS选择器...尝试以下操作：

<style>
@media only screen and (min-width: 768px) {
    div.featuredImage {
        height: 300px;
        width: 100%;
    }
}
</style>

在选择器前放置.时，是在告诉样式表它是一个类，在您的情况下，div是不是一个类，它是一个类标记，因此您只需编写div，然后再写类名.。

OR

您可以只写.featuredImage {}，而无需指定标签名称。

Answer 2

如果高度为零，则可以自己添加height属性以及背景图像。 https://www.w3schools.com/cssref/css3_pr_background-size.asp