在HTML中调整背景图像的大小

在HTML中调整背景图像的大小,html,css,Html,Css,我是HTML新手,目前我将以下代码存储在.css文件中。如果用户更改窗口大小,允许自动调整大小的最佳方法是什么?我尝试使用下面的代码来实现这一点,但未能获得预期的结果 body { background-image: url('Images/Space.jpg'); text-align: center; } text { color:white; } img { width: 100%; height: auto; } 宽度100%使响应速

我是HTML新手,目前我将以下代码存储在.css文件中。如果用户更改窗口大小,允许自动调整大小的最佳方法是什么?我尝试使用下面的代码来实现这一点,但未能获得预期的结果

body {
    background-image: url('Images/Space.jpg');
    text-align: center;
}

text {
    color:white;    
}

img {
    width: 100%;
    height: auto;
}
宽度100%使响应速度更快,图像封面也一样,但更有用,无需设置宽度或高度

*{边距:0;填充:0;} 正文{ 背景:urlhttps://www.w3schools.com/css/img_flowers.jpg 无重复中心固定; -webkit背景尺寸:封面; -moz背景尺寸:封面; -o-背景尺寸:封面; 背景尺寸:封面; } 调整浏览器窗口的大小以查看效果

尝试使用CSS背景大小属性


如果您还添加了HTML代码或创建一个代码段,这将有所帮助。
body {
    background-image: url('Images/Space.jpg');
    background-size: 100%;
    text-align: center;
}