css - 已经响应式 div 容器，如何制作具有完美比例的响应式背景图片

Question

怎样才能拥有完美的体重秤background image ，如果 div 框已经用 width : 100% 缩放了？如果我尝试 background-image : 100% 100%，背景图像会被拉得太长。

这是背景图片所在标题的我的 css 代码:

.header-main-bar {
    float: left;
    width: 100%;
    background: url(BerlinFrontpage.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

Answer 1

我认为您至少必须给出高度:自动；因为否则它不会正确缩放。

(Am besten wäre es wenn du dein Beispiel mal mit Codepen.io posten würdest。Dann könnte man dir noch eher helfen。)