Question

我想拉伸背景图片以匹配屏幕尺寸

body {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 80%;
    background-image: url(hola.jpg);
}

我尝试放background-size: 1500px 1500px;并修复。

我如何能够自动执行所有页面分辨率？

Answer 1

background-size:cover;
background-position:50% 50%;

Not compatible with IE8 and lower，您可以自行决定是否需要支持那些IE11已经用完的人。

Answer 2

使用此功能，如果您的<body>未覆盖整个窗口，它甚至可以正常工作：

background-attachment: fixed;
background-size: 100%;

<percentage>
将相应维度中的背景图像缩放到背景定位区域的指定百分比的值，该值由background-origin的值确定。 [...]如果背景的附件是固定的，则背景定位区域是浏览器窗口的整个区域，不包括滚动条所覆盖的区域（如果它们存在）。 [...]