css - Wordpress:调用特色图像作为具有自定义大小的背景图像

Question

我目前将特定帖子的特色图片称为标题的全 Angular 背景图片。为了动态地执行此操作，我在 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

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

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

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

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