Обмежуємо відображення сайту по ширині або зло великих - моніторів

Обмежуємо відображення сайту по ширині або зло великих - моніторів

Здавалося б, що поганого в великих моніторах? Начебто вільного робочого простору навалом, фільми зручно дивитися, значків багато поміщається і т.д.

Це з точки зору користувача.

А якщо користувач комп'ютера за сумісництвом є вебмастером або верстальником, то великі монітори - це його додатковий головний біль.

Я до якогось часу теж не брав до уваги, що мої сайти можуть переглядати не тільки люди, у який нетбуки з діагоналлю 10` як у мене, а й люди, у яких монітори 22-24 дюйма.

Мені завжди подобалася блокова, гумова верстка, при якій всі блоки на web-сторінці розміщуються щодо кордонів екрану. Це однаково добре виглядає на різних дозволах моніторів.

Все було добре і пушисто до того моменту поки не з'явилися величезні монітори. Все як і завжди відображається в штатному режимі: розтягується по всій ширині екрану, але виглядає це вже не так презентабельно, як на моніторах меншого розміру. Елементи дизайну на таких моніторах починають дуже сильно роз'їжджатися по ширині і текст web-сторінки практично розчиняється між двома кордонами екрану.

Вирішено, було якось з цим боротися. Рішення знайшлося відразу і не мною особисто. Це чужий досвід, який хороший верстальник повинен завжди переймати. Рішення полягає в тому, що для кожного блочного html-елемента інтерфейсу потрібно вказати максимальну ширину в CSS-стилях. Обмежити ширину таких елементів можна css-параметром max-width. До речі, не зайве було б вказати і мінімальне значення ширини блочного елемента min-width. скажімо 5em.

Для себе я експериментальним шляхом вивів, що найбільш оптимальним значенням, на яке слід вирішувати розсовувати ширину своїх сайтів - це 1280 пікселів. Цей параметр є індивідуальним і у Вас він може мати інше значення. Після внесення цього обмеження слід вирівняти web-сторінку по центру. У мене основний блок сайту має div виду:

width: 100%;
max-width: 1280px;
margin: 0 auto;

Я думаю кожному веб-майстру слід подивитися на свої сайти c цього кута і оцінити всі свої інтернет-проекти.

P.S. А ви ще не дивилися нову пародійну комедію Вампірський засос ". Від творців «Дуже страшного кіно»