CSS

Ограничиваем отображение сайта по ширине или зло больших мониторов

Опубликовано
Комментарии Нет

Мне всегда нравилась блочная, резиновая верстка, при которой все блоки на web-странице размещаются относительно границ экрана. Это одинаково хорошо выглядит на различных разрешениях мониторов.

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

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

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

#content {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

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

Автор

Комментарии

Нет комментариев к данной статье.

Комментарии

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





← Старые Новые →