Резиновое разрешение сайта

Что такое «резиновый» дизайн?

«Резиновый» дизайн (или просто «резина») – дизайн, в котором ширина составляющих элементов, устанавливается в процентном соотношении от разрешения монитора пользователя (предполагается, что окно браузера открыто на 100%). Хороший аналог – резиновый шарик, его объем в отличии от металлического шара, изменяется в зависимости от объема воздуха внутри. С позиции разработчика – это табличный дизайн, в котором ширина одной или нескольких ячеек задаётся в процентах от ширины окна.

Данный вариант дизайна, позволяет избежать боковых «пустых» мест. Создается эффект, как будто дизайн разрабатывался именно под разрешение вашего монитора. Более того, на настоящий момент разбег по разрешению мониторов во всем мире очень велик , что также способствует использованию «резинового» дизайна, как наиболее удобного для пользователя. 

Основные достоинства
«резинового» дизайна:

  • Сайт будет отображаться на мониторах с разным разрешением на весь экран;
  • Заполнено все пространство монитора, всё «рыбное» место может быть использовано;
  • Создается эффект заполненности пространства.

Основные недостатки «резинового» дизайна:

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

Возврат к списку


-----
-----