Brad9aga, полный размер родительского блока — это от 0% до 100% по обеим осям. Ставишь в них точки с координатами X и Y друг за другом, создавая область обрезки.
LissaAlbatross, можно и так сказать, вот только про 480 пикселей там уже устаревшее. Это старые устройства, новые же имеют по 600–1000 пикселей ширины в портретном режиме, ибо экраны больше стали.
Советую пока забить на портретный режим телефонов. Там много отступлений для него. У вас там будет на большинстве запускаться вёрстка под планшеты в портретной ориентации. Потом уже точечно можете править сомнительные моменты с помощью комбинирования выборки по ширине и высоте.
Да, точно, это другой файл к тому же. Не знаю, что за файл, смотрите сами. Если это файл со сбросами стилей, то, если что, алгоритм тот же — нужно разместить его перед основным файлом.
LissaAlbatross, стили медиазапросов должны идти после основных стилей. У вас же наоборот: основные стили на строке 128, а медиазпаросы почему-то на 32-й:
Самый большой — не знаю, я видел что-то из разряда ~500px. Изучайте рынок устройств. Самый широкий viewport у iPhone, например, — это 414px в портретном режиме (Plus'ы и XS Max).
Но! Получается пропасть между условными 500px и 768px (планшеты, iPad портрет). Поэтому я ставлю универсальные max-width: 767px для телефонов. Это учитывает практически все телефоны и планшеты, кроме, по сути, 7-дюймовых старых планшетов на Android (там 600 px по ширине, поэтому там будет мобильная верстка). Так что совсем не страшно, ибо на рынке их нет уже.
Если у вас будет время, можете более детально разбивать диапазоны верстки, чтобы добиться нужного результата в уникальных случаях.
LissaAlbatross, такого мобильного 1080px не бывает. Даже если у него по ширине экран имеет 1080px, объясните ему, что физическое разрешение экрана — не то же самое, что viewport в браузерах.
Пришлите сайт, кстати. Вы могли тупо неверно поместить ваши правки в иерархии кода, поэтому он их и не видит.
Он учитывает схлопываемые панели управления браузеров на мобильных (iOS Safari и Android Chrome). Иначе, если просто 100 vh и если нет контента, всё равно можно будет немного прокрутить в этих браузерах страницу, пока интерфейс не схлопнется.
