Установка моих веб-страниц на широкоэкранном мониторе может привести к тому, что я создаю неточные позиции div

Question

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

Ответов:

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

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

Answer 1

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

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

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

Answer 2

Два основных подхода в голову:

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

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

Answer 3

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

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