Настройка моих веб-страниц на широкоэкранном мониторе могла привести к тому, что я создал неточные позиции div.

Question

Недавно я создал веб-сайт исключительно с помощью компьютера с широкоэкранным монитором.Позже, открывая те же страницы в Интернете на компьютере с монитором меньшего размера, я внезапно заметил, что все позиции div совершенно неуместны.Мой вопрос: как использовать широкоэкранный монитор, чтобы продолжить разработку моих веб-страниц, не испортив позиции div для просмотра на мониторах обычного размера?

Ре отвечает:

Спасибо за совет, ребята.Я согласен, что дизайн страницы должен быть достаточно гибким, чтобы соответствовать большинству размеров окон браузера.Однако, когда вы работаете с широкоэкранным монитором и не обращаете внимания, легко перекомпенсировать расположение элементов div и размеры элементов.Мой следующий вопрос: как обеспечить правильные размеры окна браузера и как заставить окно браузера иметь этот размер?

Спасибо Кирене за указания по использованию инструментов разработки.Я использую их и проверяю в разных браузерах.Но моя проблема заключалась в работе исключительно на широкоэкранном мониторе с развернутым браузером.Я не хочу совершать ту же ошибку, поэтому мне нужно выяснить, как изменить размер окна браузера до нужных размеров.

Answer 1

Два основных подхода от верхней части моей головы:

1. Измените размер вашего браузера, чтобы быть шириной поддержки настольных / браузеров на рабочем столе / браузере.
2. Установите настройки рабочего стола, чтобы быть разными размерами (как профили) и переключаться между ними во время фазы тестирования.

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

Answer 2

Не максимизируете окно браузера?Просто сжать его немного по горизонтали?

Но любой веб-сайт, который так сильно зависит от формы вашего дисплея, плохо спроектирован.Он должен соответствовать дисплею любого размера, превышающему определенный минимум (не нужно прилагать дополнительные усилия, чтобы он поместился на экране размером 100x100 пикселей).

Answer 3

Если вы используете инструменты разработчика IE, вы можете изменить размер окна, чтобы увидеть, как он будет выглядеть в разных разрешениях.

Проверьте это в: Инструменты> Инструменты разработчика> Меню «Инструменты»> Изменение размера.

Вы также захотите убедиться, что вы тестируете свой веб-сайт в других комбинациях браузера / ОС по крайней мере.