0

У меня тег body полностью охвачен изображением введите сюда описание изображения

но когда я изменяю размер экрана браузера изображение не охватывает весь экран введите сюда описание изображения

вОТ код CSS :

/* Bordered form */
body{
    background: url(images/4.jpg) no-repeat;
    
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
  
    background-size: 100%; /* Современные браузеры */

    max-width:100%;

    height:100%;;
}

3
  • А что должно произойти, когда экран больше изображения? 7 мар 2019 в 11:44
  • @stepanKasyanenko изображение должно расстянуться на 100 % 7 мар 2019 в 12:02
  • На 100% по горизонтали или вертикали? А если оно растянется больше, чем ее размер, то оно исказится. 7 мар 2019 в 12:03

3 ответа 3

0

body {
  background: url(https://picsum.photos/1920/1080) no-repeat center center fixed;
  background-size: cover;
}

0

CSS background-size property

background-size: cover;
1
0

задай высоту в vh и ширину vw.

height: 100vh;
width: 100vw;

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.