Выбираем ширину сайта, в процентах или пикселях?

Многих веб-сайты в Интернете имеют фиксированную ширину страниц, другие наоборот относительную ширину страниц. Какую ширину страницы следует использовать?

Фиксированная ширина это когда ширина страницы задана в пикселях и не зависит от того какое расширение экрана на вашем компьютере. Так, если сайт имеет фиксированную ширину, и на больших мониторах будет отображаться в центре экрана окруженный неиспользуемым пространством. На небольших мониторах или если размер вашего браузера ниже 800 пикселей вам придется прокрутки влево и вправо, чтобы просмотреть все содержимое страницы сайта.

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

Преимущества относительной ширины страниц сайта

Доводы в пользу использования относительной ширина страниц сайта обычно объясняется независимости отображения сайта от разрешения экрана в посетителей.

Например, ширина ‘100%’ всегда будет охватывать всю ширину окна браузера посетителя. В независимости от расширения экрана, будь то 640×468 или 1024×768 и т.д. К тому же посетителям вашего сайта никогда не нужно прокручивать по горизонтали страницы сайта.

При относительной ширине, вам не нужно беспокоиться об отображении вашего сайта при разном расширении.

Преимущества фиксированной ширины страниц сайта

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

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

Какой выбрать размер сайта?

До тех пор пока разрешение экрана достаточно разнообразное ни одно решение не будет удовлетворять всех посетителей интернета.

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

При использовании фиксированной ширины сайта убедитесь что вы установили фиксированный размер, используя разумное расширение, например 1024×768.

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

Кстати, использование фиксированной ширины не означает, что страница будет выглядеть нормально при более высоком разрешении. Если ваша страница имеет фиксированную ширину, скажем 800 пикселей, а посетитель использует расширение 1900×1200, он увидит неискаженную копию вашей страницы вокруг белого пространства. Как я уже сказал, ни одно из этих решений не являются совершенными.

  • Не стоит думать, что применение одного метода над другим решит все ваши проблемы. Вы можете проверить свои страницы при разном разрешении, что позволит увидеть, как выглядит ваш сайт.
Источник