Предположим у меня есть нотбук с разрешением 1366 на 768. Соответственно вьюпорт бразуера в развернутом состоянии будет составлять 1366 на 568 (+-). Исходя из этих данных я могу выстраивать свои медиа запросы, чтобы все выглядело хорошо. (поправьте, если что не так говорю). Но как быть с мобильными браузерами? Предположим есть девайс с разрешением 360 на 640. Сколько от этой высоты будет занимать мобильный браузер ? (просто так сложилось, что нет девайсов, и нет возможности тестить на реальном физическом объекте, только в хроме)
Все равно точно не узнать, вычитайте 40-50 пикселей из высоты и всё. Учитывайте еще то, что например на айфоне при прокрутке страницы, часть браузерных менюшек скрывается и вьюпорт увеличивается в высоту.
В любом случае на мобильных девайсах совершенно не нужно пытаться уместить всё что можно в 1 экран, они рассчитаны(!) на вертикальную прокрутку.
Средний
