Веб-сайт выглядит по-разному с одинаковым разрешением на разных компьютерах

Question

Здравствуйте! Через некоторое время я разрабатываю сайты и ищу новый ноутбук. И я заметил, что веб-сайт может выглядеть по-разному с одинаковым разрешением экрана на разных компьютерах. Почему это так? Я использовал разрешение экрана 1366x768px на нескольких разных ноутбуках под управлением Windows 7, а на одном новом ноутбуке тестируемые сайты были более узкими. Является ли причиной плотность пикселей, о которой я только что прочитал в блоге - http://blogs.msdn.com/b/b8/archive/2012/03/21/scaling-to-different-screens. Зависит ли это от того, сколько лет компьютеру, какой Windows установлена и т.д ..

Существует ли какой-либо инструмент для тестирования веб-сайтов и т.д. С другим разрешением экрана, если он должен быть пиксельным? Я имею в виду, я могу запустить его на большом экране, и я могу решить, насколько большой (сколько дюймов) мой виртуальный экран и каково разрешение экрана ..

Я искал 14-дюймовый ноутбук с разрешением экрана 1600x900, но веб-сайты выглядели иначе с разрешением 1366x768 на этом компьютере и на другом новом 15,6-дюймовом компьютере. И я просто запутался ..

Благодарю вас!

Answer 1

Размер экрана и традиционный (4:3) по сравнению с широкоформатным (16:9) будут иметь большое значение. Если вы установите разрешение 1366x768, а это не оригинальное разрешение, оно либо оставит вас с черными границами, либо растянет его, чтобы заполнить экран. Все мониторы с плоским экраном имеют собственное разрешение, и именно столько реальных пикселей у него есть, а все остальное растягивается больше или меньше, чтобы имитировать это разрешение.

Версия windows не имеет значения.

Если в одном браузере установлено несколько панелей инструментов, это также уменьшает полезную область и может искажать вещи. Высокая плотность пикселей просто делает вещи меньше.

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

Теперь, если вы включите полосы прокрутки, он будет отображать содержимое в правильном пространстве, но пользователю придется прокручивать влево и вправо в дополнение к вертикали.

Answer 2

То, как выглядит веб-сайт, частично определяется браузером - в отдельных заметках разные браузеры могут иметь разные размеры, связанные с различными шрифтами (см. Здесь), а также с разными установленными шрифтами и способами интерпретации HTML.

Было бы неправильно предположить, что все браузеры отображают вещи одинаково, даже там, где вы указываете как можно больше - идея HTML заключается в том, чтобы быть в состоянии соответствующим образом отображаться на любом устройстве - если вам нужен точный внешний вид, вот что такое PDF.

Другой указатель - одни и те же цвета могут сильно различаться по внешнему виду на мониторы - и это стоит учитывать при проектировании. (Это особенно заметно на ноутбуке с хорошим дисплеем, подключенным, например, к дешевому крупному монитору - идентичное окно, только что переместившееся, или даже одно и то же изображение, отраженное на 2 мониторах, может выглядеть по-разному).