http://trifler.ru/blog/ Lasto Blogging Engine ru gordi serg_gordi@mail.ru serg_gordi@mail.ru http://trifler.ru/blog/i/lastoblog.png http://trifler.ru/blog/ http://trifler.ru/blog/post_1237920354.html <p>Первая попытка, хотя бы для самого себя прояснить проблему разрешения экрана монитора. Вернее, попытка сформулировать, что необходимо для решения данной проблемы. А то, что в этом есть потребность, надеюсь, никто отрицать не станет.</p> <p>Многие давно забили на это по ряду причин. Ограничили бесконтрольное расползание разметки страницы с помощью <em>min/max-width</em> и все.</p> <p>Ну, а если копнуть глубже?</p> <p>Так ли все прекрасно?</p> <p>Отбросим в сторону производителей мониторов. У них свои задачи. Но то, что они создают проблемы верстальщикам и дизайнерам это факт.</p> <p>Стандартов, а они есть, производители мониторов придерживаются точно так же, как и производители браузеров :(</p> <p>От осознания этого не легче, поэтому каждый решает проблемы по-своему, единственно верного решения здесь нет и, по-видимому, не будет.</p> <p>То, что задача носит не тривиальный характер, наглядно видно из ТТХ монитора.</p> <p>Навскидку.</p> <p>Диагональ в дюймах.</p> <p>Разрешение в пикселях.</p> <p>Соотношение сторон.</p> <p>Этого уже вполне достаточно.</p> <p>А есть еще пропорции при разных разрешениях, тут вообще песня :)</p> <p>Скажем, дефолт на сегодня - 1024*768</p> <p>Следующая позиция – 1152*864</p> <p>Далее – 1280*720, 1280*786, 1280*960, 1280*1024</p> <p>Дальше – 1360*768</p> <p>Еще дальше – 1600*900, 1600*1024, 1600*1200</p> <p>Максимум, что есть у меня – 1920*1080</p> <p>У вас может быть по-другому.</p> <p>А если взять ноутбуки, <em>"крышу"</em> сорвет однозначно.</p> <p>Понятно, что жизнь не стоит на месте, с повышением качества мониторов, идет изменение его технических характеристик, но, а нам то, что делать?</p> <p>Сделаешь дефолт, а он на максимальных разрешениях смотрится, откровенно говоря, так, что ни в какие ворота не лезет. Не сижу я у своего посетителя за плечом, не знаю какой там у него монитор, разрешение, но могу себе представить, как он высказывается по поводу и все, наверняка, матом :)</p> <p>Опять же не затрагиваю возможность масштабирования <em>web</em>-страницы, предоставляемую разработчиками браузеров, все тут по-разному и качество оставляет, желает лучшего.</p> <p>И возникает вопрос вопросов, лично для меня, кто-то этим и не озадачивается вовсе, как отдать посетителю свою страничку с минимальными погрешностями?</p> <p>Причем, не напрягая его, понуждая нажать какую-нибудь кнопочку, а автоматом.</p> <p>То, что тема стоит того, чтобы ей вплотную позаниматься, можете убедиться сами, посмотрев <a href="control.html">примеры</a>.</p> <p>В первом из них обычная разметка.</p> <p>Смотрим на разных разрешениях.</p> <p>Это поможет понять, смысл к чему написан пролог, предвосхищающий цикл статей на эту тему.</p> <p>Во втором сделана прикидочная попытка, с помощью JavaScrip отдающего свои стили под соответствующее разрешение, чтобы хоть как-то сохранить пропорции. Цели, все вывести с точностью до пикселя, пока не стоит.</p> <p>Что же касаемо дополнительных файлов стилей, кого этим испугаешь. Пишем же их, предопределяя сепц. правила для того или иного браузера. "Условные комментарии" (CC), наглядное тому подтверждение :)</p><!-- RSS_link_to_post start --> <br> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1237920354.html">Оставить комментарий</a></div> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1237920354.html">All Comments</a></div> <!-- RSS_link_to_post end --><!-- RSS_link_to_post start --> <br> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1237920354.html">Оставить комментарий</a></div> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1237920354.html">All Comments</a></div> <!-- RSS_link_to_post end --> Wed, 25 Mar 2009 00:45:54 GMT