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

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

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

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

Задать мета-тег viewport, указав в нем width

тогда сайт надо делать полностью адаптивным, ведь на телефоне появится скролл. если мета-тег не указывать, то сайт автоматом отмасштабируется.
как в таком случае потом определить насколько он отмасштабировался, чтобы через js сделать снова 100% высоту?