Как изменить высоту секции?

258
08 августа 2021, 07:20

Есть секция высотой 100vh и min-height: 900px. Если смотреть с мобильного высота которого меньше 900px то секция получается больше высоты экрана. Как сделать чтобы при высоте меньше 900px секция была 100vh, но при горизонтальной ориентации был min-height.

Если не делать min-height то контент при малой высоте экрана будет вылезать на другие секции.

Что можно сделать в данной ситуации ?

https://anton-one.github.io/vh2/

Answer 1
.section{
    height: 900px;
}
@media (max-height: 900px){
    .section{
        height:100vw;
    }
}

@media проверяет, является ли ширина экрана более 900 пикселов и применяет внутренние изменения, если да

А так же можно использовать @media (max-width: 1100px){}, если Вам вдруг понадобится проверить экран пользователя на ширину

READ ALSO
Нарушение прав доступа на чтение c++
c++

Нарушение прав доступа на чтение c++

Понимаю вопрос заезженный, но ответа в уже заданных вопроса я не нашел

 415
Вылезла ошибка с4700
c++

Вылезла ошибка с4700

Данная функция должна записывать в строку newText строку checkText без пробеловНо при компиляции вылазит

 137
Выдаёт неверные значения c++
c++

Выдаёт неверные значения c++

 115
jQuery find по массиву элементов
jQuery

jQuery find по массиву элементов

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

 176