Html CSS:如何制作排除图像纵横比的响应性背景图像?

Html CSS:如何制作排除图像纵横比的响应性背景图像?,html,css,Html,Css,我想在身体上做一个背景图像,它不会保持这个比例的纵横比 html, 身体{ 身高:100%; 背景图像:url(../images/xmasbg13.jpg); 背景大小:100%100%; 背景重复:无重复; } 如果浏览器窗口处于全屏状态,上述代码可以正常工作。但是当我调整浏览器的大小时,它会保持图像的纵横比,不会覆盖整个页面。背景尺寸:封面怎么样 您可以调整“结果”窗格的大小,图像也可以随之调整大小(全高和全宽)。选中此项。使用背景大小:100%hmmmm。。。背景尺寸:封面应忽略纵横

我想在身体上做一个背景图像,它不会保持这个比例的纵横比

html,
身体{
身高:100%;
背景图像:url(../images/xmasbg13.jpg);
背景大小:100%100%;
背景重复:无重复;
}

如果浏览器窗口处于全屏状态,上述代码可以正常工作。但是当我调整浏览器的大小时,它会保持图像的纵横比,不会覆盖整个页面。

背景尺寸:封面怎么样


您可以调整“结果”窗格的大小,图像也可以随之调整大小(全高和全宽)。

选中此项。使用
背景大小:100%
hmmmm。。。背景尺寸:封面应忽略纵横比。你有一个能说明问题的工作URL吗?哦!我现在解决了。我只需删除高度:100%。