Не меняется разрешение картинки в background-image?

Question

[Noro Sukiasyan]

У меня div стоит с шириной 100% и с высотой 36%.И поставил background-image и background-size поставил 100%.Картинка у меня на сайте 1920x1080 и когда я уменьшаю размер браузера картинка уменьшается но оно все равно занимает 1080px места.

Answer 1

[Николай Миронов]

Здравствуйте, у вас высота дива 100% судя по инспектору, а не 36% как вы написали выше.
Я не до конца понял суть вопроса, поэтому напишу несколько "советов", может быть что-то из этого сработает

1) Для задания высоты блока используйте единицы vw или vh вместо процентов. С помощью vw можно получить div нужных пропорций, а с помощью vh управлять высотой блока относительно высоты окна браузера.

2) Используйте для заданий масштаба фона значения cover или contain. Background-size: cover растянется так, чтобы занять всю высоту и ширину элемента, при этом края обрежутся. Background-size: contain покажет фоновую картинку целиком, при любых пропорциях элемента, но будут пустые поля.