css - Wordpress：将特色图像称为具有自定义大小的背景图像

Question

我目前将特定帖子的特色图片称为标题的全角背景图片。为了动态地执行此操作，我在 HTML 的循环中插入了 CSS。

这在笔记本电脑/台式机上效果很好，但由于某种原因，图像并没有针对 iPad 进行缩放——它们的尺寸很大。

是否可以将图像的尺寸（即：宽度：768px）添加到以下内容？然后我可以使用 CSS 媒体查询调用它，以便在 iPad 上查看时以这种大小加载。

background-image: url("<?php echo $image[0]; ?>");

谢谢

添加了 HTML 代码：

<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-    post-thumbnail' ); ?>

<style>
.issue-header {
background-image: url("<?php echo $image[0]; ?>");
}
</style>

Answer 1

您可以使用该background-size物业。

.issue-header {
background-size: 200px 200px;
}

或者

.issue-header {
background-size: cover;
}

有关 background-size 的更多信息，请参阅 MDN。

Answer 2

我不知道你的 HTML 是什么，我假设你知道如何运行 CSS 媒体查询。我建议尝试以下方法

#featured img{
    width: 80%; (or pixels if you prefer)
}

这会将图像缩小到特色中任何图像的 80% 宽度（和高度）div

请提供更多代码，例如 HTML 或您的网站。我可能会更好地帮助你。