Как изменить размер изображения фона

Question

Я хочу иметь изображение в качестве фона для своего сайта, но я не могу изменить размер изображения. есть ли способ изменить размер изображения в соответствии с моим сайтом?

P.S. это код, я использую, чтобы показать мою картину

body { 
    background-image: url('images/lvl1.jpg'); 

} 

Answer 1

Вы можете сделать это:

background-size: 100% 100%; 

или

background-size: contain; 

Answer 2

Вы можете использовать background-size свойство, чтобы указать размер ваше фоновое изображение.

Answer 3

использование фон-размер объекта:

body{ 
    background: url("images/lvl1.jpg"); 
    background-size: 100% 100%; 
    background-repeat: no-repeat; 
} 

Answer 4

Это поможет заполнить с фоном.

body { 
    background-image: url('images/lvl1.jpg'); 
    -webkit-background-size: cover; 
    background-size: cover; 
} 

Answer 5

Использование background-size: cover;

Фоновое размер CSS свойство определяет размер фоновых изображений. Размер изображения может быть полностью ограничен или только частично, чтобы сохранить его внутреннее соотношение.

Here is the link for reference

html, 
 
body { 
 
    position: relative; 
 
    height: 100%; 
 
} 
 

 
body { 
 
    background-image: url(https://www.planwallpaper.com/static/images/bicycle-1280x720.jpg); 
 
    background-size: cover; 
 
    background-repeat: no-repeat; 
 
    background-position: center; 
 
}