响应式 div 元素与背景图像相同？

Question

我有关于响应式设计的问题。我得到了需要设置为容器背景图像的背景图像。但我不知道该怎么做。 例如我试过这个 -

.container {
    width: 100%;
    background: url("img/bg3.svg") no-repeat;
    background-size: 100%;
    overflow: hidden;
    height: 100%;
}

到目前为止，我尝试过这个，如果我在移动高度大小上设置背景的 excat 大小会太多。有什么建议吗？

Answer 1

试试这个

.container {
        width: 100%;
        background: url("img/bg3.svg") no-repeat;
        background-size: cover;
        overflow: hidden;
        height: 100%;
    }