Я развиваю отзывчивый сайт и, возможно, обычную проблему, но я не мог найти ответ и вам нужен ваш совет. Я хочу, чтобы окно браузера исправлялось по высоте: 500 пикселей на мобильном экране. Теперь у меня такая ситуация (посмотрите на рис.). Мне нужно избегать белого цвета ниже и хочу, чтобы мой контейнер соответствовал всему экрану и высоте не более 500 пикселей. Спасибо за любой совет! 
Установите размер исправления окна браузера на мобильный экран
Установите высоту и ширину контейнера на 100%.
#container
{
height : 100%;
width : 100%;
}
Если вы хотите, чтобы высота не превышала 500 пикселей, вы можете использовать свойство max-height.
max-height : 500px;
Что делать, если экран 650 пикселей? – J2D8T
, если вы хотите, чтобы весь экран был занят, используйте высоту: 100%; – JTN
вот в чем проблема: он хочет максимальную высоту 500 пикселей, но заполняет весь экран, что невозможно, если высота экрана больше 500 пикселей. Таким образом, ваш ответ не будет удалять пустое пространство на экране с высотой более 500 пикселей и не выдерживает максимальную высоту до 500 пикселей с 'height: 100%;' – J2D8T
Возможное решение - посмотреть на все устройства, на которые вы нацеливаетесь, и найти ту, которая имеет наименьшую высоту. Например, если вы нацелены на все мобильные устройства и знаете, что 300 пикселей являются минимальной высотой на всех ваших устройствах, установите минимальную высоту в 300 пикселей, а содержимое должно пропустить все остальное. – AgnosticDev
Спасибо за совет! Но мне нужен контейнер размером не более 500 пикселей на мобильном экране, чтобы контейнер был коротким. Но когда я пытаюсь установить, например - body {500px;} ничего не происходит – Lucky
Если ваш контейнер установлен на высоту 500 пикселей, а на экране можно сказать, что высота 650 пикселей высока, вы не получите контейнер, чтобы заполнить весь экран, что является причиной для белого пространства. Если вы хотите, чтобы «отзывчивый» скорее использовал '%'. – J2D8T