背景图像与重复调整大小

Question

我正在使用照片作为背景并重复它，但是当我调整窗口大小时，img不会调整大小并且模式会发生变化。

我该如何解决这个问题？

我正在使用Bootstrap。

body {
background-image: url("img/pattern.png");
background-repeat: repeat-x-y}

Answer 1

有两种方法，你可以使用哪种方法

background-size: contain

background-size: cover

但是使用重复，我不确定你能在多大程度上获得预期的结果

Answer 2

您可以使用

background-size: contain