html - 如何使用 css 调整元素的背景图像以适应全屏?

标签 html css background

我一直在为某人开发网站,但遇到了一些麻烦;

我正在尝试使背景图像适合其显示屏幕的大小。

关于live site ,我正在使用 height:100vh;,无论我将浏览器窗口设置为多大或多小,它在我的屏幕上都很好,但在 4k 显示器上它不会调整大小以适应屏幕。

如果有人知道如何解决这个问题,请告诉我,因为我想不通。

谢谢,

杰西

最佳答案

如果你想让背景拉伸(stretch)那么你需要使用

background-size: cover;

关于html - 如何使用 css 调整元素的背景图像以适应全屏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50553264/

相关文章:

javascript - 在 ionic 应用程序中显示解析的 HTML 内容

html/css 页脚定位

html - 无法让图像出现在背景前面

jquery - div弹出时禁用背景

css - Wordpress 标题导航位于全屏背景图像上

jquery - 工具提示在 IE 和 chrome 中显示 anchor 标记的 td 元素

javascript - 如何从底部显示Div的部分内容?

javascript - 缩略图切换器不起作用

javascript - fancybox 的宽度和高度问题

php - 每次变量改变时调用函数