Как сделать div в полноэкранном режиме?

-6

Вот два сайта: http://mpremarks.com и http://thegravity.net/supernova/

Лучшее изображение первого из них не является полноэкранным, в то время как отображаемое изображение второго.

Один из div на втором сайте имеет класс forcefullwidth_wrapper_tp_banner со следующими параметрами:

position: relative;
width: 100%;
height: auto;
margin-top: 0px;
margin-bottom: 0px

Если вы удалите этот класс, изображение второго сайта станет таким же, как и первое. Поэтому я подумал, что если я просто добавлю эти параметры в div на первом сайте, я получу тот же результат. Этого не произошло. Я пробовал много трюков CSS, но они не помогли. Поэтому, я думаю, мне нужен JS здесь. Пожалуйста, помогите мне понять это. Благодарю!

спросил(а) 2021-01-19T16:55:58+03:00 9 месяцев назад
1
Решение
121

Попробуйте использовать методы jQuery $(window).width() и $(window).height() чтобы получить размеры браузера. Затем примените эти размеры к вашему div: $('div.someClass').width($(window).width()) и $('div.someClass').height($(window).height()).

ответил(а) 2021-01-19T16:55:58+03:00 9 месяцев назад
47

Измените css на

position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;

ответил(а) 2021-01-19T16:55:58+03:00 9 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема