css - 全屏时背景图像被剪切

Question

我正在尝试创建全宽背景图像。 我面临的问题是当它的全屏背景图像底部被剪切时。当我检查响应时，会显示整个背景图像。

如何在全屏时显示整个图像。屏幕分辨率:1366x768。

这是用于背景图片的 css:

body{
overflow:hidden;
background-image:url(img/background.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:inherit;
}

Full Screen

Responsiveness

Answer 1

使用 CSS 属性 background-size:100%; 或background-size: cover;