css - 不同屏幕比例的超大屏幕问题

Question

我在为网站设计超大屏幕时遇到了一个问题。它在容器外面。为它创建了一个背景，将背景大小设置为覆盖，效果很好。

当我在较宽的屏幕上打开首页时，由于背景图像太宽，超大屏幕变大并且出现间隙。

然后我尝试了 background-size: 100% 100%，认为图像会拉伸(stretch)。没有变化。以为我可能有边距/填充问题。再次没有变化。

这是图像问题还是超大屏幕问题？我不确定如何解决这个问题。无论我选择什么图像，它在不同设备上的表现都非常不同。

Answer 1

在不同设备上表现不同不是错误，而是一项功能。话虽如此，试试这个......

background-image: url(INSERT_URL_HERE);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;