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

Многие давно забили на это по ряду причин. Ограничили бесконтрольное расползание разметки страницы с помощью min/max-width и все.

Ну, а если копнуть глубже?

Так ли все прекрасно?

Отбросим в сторону производителей мониторов. У них свои задачи. Но то, что они создают проблемы верстальщикам и дизайнерам это факт.

Стандартов, а они есть, производители мониторов придерживаются точно так же, как и производители браузеров :(

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

То, что задача носит не тривиальный характер, наглядно видно из ТТХ монитора.

Навскидку.

Диагональ в дюймах.

Разрешение в пикселях.

Соотношение сторон.

Этого уже вполне достаточно.

А есть еще пропорции при разных разрешениях, тут вообще песня :)

Скажем, дефолт на сегодня - 1024*768

Следующая позиция – 1152*864

Далее – 1280*720, 1280*786, 1280*960, 1280*1024

Дальше – 1360*768

Еще дальше – 1600*900, 1600*1024, 1600*1200

Максимум, что есть у меня – 1920*1080

У вас может быть по-другому.

А если взять ноутбуки, "крышу" сорвет однозначно.

Понятно, что жизнь не стоит на месте, с повышением качества мониторов, идет изменение его технических характеристик, но, а нам то, что делать?

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

Опять же не затрагиваю возможность масштабирования web-страницы, предоставляемую разработчиками браузеров, все тут по-разному и качество оставляет, желает лучшего.

И возникает вопрос вопросов, лично для меня, кто-то этим и не озадачивается вовсе, как отдать посетителю свою страничку с минимальными погрешностями?

Причем, не напрягая его, понуждая нажать какую-нибудь кнопочку, а автоматом.

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

В первом из них обычная разметка.

Смотрим на разных разрешениях.

Это поможет понять, смысл к чему написан пролог, предвосхищающий цикл статей на эту тему.

Во втором сделана прикидочная попытка, с помощью JavaScrip отдающего свои стили под соответствующее разрешение, чтобы хоть как-то сохранить пропорции. Цели, все вывести с точностью до пикселя, пока не стоит.

Что же касаемо дополнительных файлов стилей, кого этим испугаешь. Пишем же их, предопределяя сепц. правила для того или иного браузера. "Условные комментарии" (CC), наглядное тому подтверждение :)