HTML CSS背景图片属性根本不起作用

问题描述

好的，所以我正在制作一个网站，该网站的背景图片很大，顶部有一些文字。我以前只使用了<img>标签，但是在移动设备上缩放非常厉害，整个图像仍然存在，但是只是切换到屏幕的右侧。

为解决此问题，我找到了w3schools（https://www.w3schools.com/howto/howto_css_full_page.asp）编写的教程，该教程显示可以将背景设置为图像。我已经尝试过将此CSS并放在<div>上，但无法真正显示该图像。

这是我的CSS，应该显示图像。

background-image: url("home background image.png");
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
align-content: center;

我已将图像移至网站的根文件夹，但仍然无法使用。

谢谢

解决方法

这些属性是在元素（如div而不是img）上使用<button className={styles[this.props.theme]} type="submit">search</button> 时使用的。

,

好，所以我找到了解决方案！该图像设置得非常小，并被我的站点的导航栏覆盖。

我的解决方案是将高度从100％更改为55vw。

感谢您的帮助。