Как сделать слайдер в 100% размер мобильного экрана?

Question

[Danya Wyse]

Если как то ограничиваю высоту самого слайдера то режется фото. Как сверстать чтобы фото подгонялось под размер?

https://iwyse.github.io/Zainoo/ вот сам слайдер

Comments

[Ankhena]

Ограничить высоту слайдера.
Сделать слайд гридом.
Для фото оставить 1fr, т.е. сколько останется.
Для фото задать object-fit.

Либо уточнить как оно всё должно себя вести по-вашему.

Answer 1

[daenur_habr]

width: 100vw;
height: 100vh;
background-size: cover или contain (выбрать)

Answer 2

[Alexander3928]

object-fit: cover или max-width: 100%, max-height: 100%;
https://webref.ru/layout/html5-css3/img/scale
https://webknowledge.ru/proporcionalnoe-mashtabiro...