重复调整大小的背景图像
我使用照片作为背景并重复它,但是当我调整窗口大小时,img不会调整大小和模式更改。重复调整大小的背景图像
我该如何解决这个问题?
我正在使用Bootstrap。
body {
background-image: url("img/pattern.png");
background-repeat: repeat-x-y}
你可以使用
background-size: contain
那么有2种方式,你可以使用任何有效的方式
background-size: contain
background-size: cover
但是,使用重复,我不知道你会在多大程度上能够获得预期结果
都不工作! img变得更大 –
@jaafarkhansa。是啊,我thnk它的imagre重复coz .. –
@jaafarkhansa ..为什么不使用不同的图像为不同的屏幕分辨率和写媒体查询来调用相应的图像? –
CSS中有一个background-size属性。然而,它通过包含或覆盖图像所在的容器等工作。我不认为你可以用这个属性来做你想要的重复图像。 –