Адаптивный сайт Twitter с фиксированной длиной и шириной

Question

Я заметил несколько человек, которые давали хорошие отзывы о фиксированной ширине для начальной загрузки Twitter. Моя проблема в том, что мне нужна фиксированная ширина и ДЛИНА для моего макета, и он должен быть доступен для просмотра на нескольких платформах (Smarphone, Ipad и несколько размеров экрана ПК). Мы взяли тему и постарались сделать фиксированный дизайн по длине и ширине, но всегда нужно подстраиваться под разные размеры экрана. Любая идея о том, как мы можем настроить дизайн, который позволяет все уместить на одном экране (без прокрутки вниз или в сторону), используя тему начальной загрузки Twitter и не нужно тестировать несколько размеров экрана? Спасибо!

Answer 1

Если вы не можете прокрутить и вам нужно разрешить произвольный размер экрана, вам нужно:

• Очень мало контента, или
• Масштабируйте свой контент, чтобы соответствовать.

Я думаю, что последнее потребует некоторого раздражающего JavaScript; это действительно не то, что я бы порекомендовал.

Выберите самый маленький экран, который вы хотите поддерживать, и убедитесь, что все ваши страницы помещаются на нем без прокрутки. Установите фиксированную ширину на ширину этого экрана. Heads up: это будет выглядеть крошечным и ужасным на больших устройствах.

Я бы по-прежнему рекомендовал тестирование на нескольких устройствах.