Height 100% и масштабирование?

Question

[desuvin]

Прошу помочь с одним вопросом:
Если сделать страницу, которая состоит из нескольких блоков, а высота их будет равна 100% высоте браузера. Например, через height: 100%, 100vh, $(window).height()
Сайт не адаптивный и в нем отсутствует meta viewport. И допустим минимальная ширина сайта 1000 пикселей. в таком случае на дескотпных браузерах при уменьшение окна появится скролл, а на телефоне сайт автоматически отмасштабируется, чтобы скролл не появился. Но при этом эти блоки уже будут не 100% по высоте.

Как-нибудь можно сделать, чтобы div всегда был высотой окна браузера на телефоне даже после масштабирования?

Тестовая страница jsfiddle.net/jz6bubrp

Comments

[YemSalat]

jsfiddle.net/jz6bubrp/1 ? Оно же и так работает.

[desuvin]

если создать html файл с этим кодом и открыть на мобильном девайсе, то страница отмасштабируется, чтобы min-width 1000px влезл в экран и при этом не было скролла. тогда синий и зеленые блоки не будут 100% по высоте.

Answer 1

[Dmmitry]

@media screen and (max-device-width: 480px) {
       div {
            здесь свойства блока для мобильных устройств
       }
}