WP自适应背景缩略图

我正在尝试在wordpress中构建主题, 但无法确定调整浏览器窗口大小时如何调整背景图片的大小。当我获取图像并将其设置为” 完整” 或其他任何预设大小时, 我不会调整大小：

文章图片

文章图片
在我的首页-php中：

< ?php // check if the post or page has a Featured Image assigned to it. if ( has_post_thumbnail() ) { // the_post_thumbnail(); $backgroundImg = wp_get_attachment_image_src( get_post_thumbnail_id($post-> ID), 'full' ); ?> < header id="hero" style="background: url('< ?php echo $backgroundImg[0]; ?> ') no-repeat center center fixed; "> < /header> < ?php } ?>

在我的css文件中：

header { max-width: 100vw; height: 95vh; background-size: cover; }

它只是保持不变。.非常感谢你的帮助！
#1 有一种更简单的方法来获取帖子的缩略图网址。另外, 最好在style属性中设置background-image属性：

< ?php // check if the post or page has a Featured Image assigned to it. if ( has_post_thumbnail() ) {// the_post_thumbnail(); $backgroundImg = get_the_post_thumbnail_url($post-> ID, 'full'); ?> < header id="hero" style="background-image: url('< ?= $backgroundImg; ?> '); "> < /header> < ?php } ?>

【WP自适应背景缩略图】＆CSS应该是：

header { max-width: 100vw; height: 95vh; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; }