Невероятно универсальное свойство max-width

Чтобы предотвратить неограниченное увеличение разных объектов, можно также задать свойство max-width для всего элемента <div> с идентификатором #wrapper, как показано далее:

#wrapper { margin-right: auto; margin-left: auto;

Width: 96%; /* Удерживание самого дальнего элемента <div> */ max-width: 1414px;

}

Это означает, что дизайн будет масштабироваться до ширины, составляющей 96 % от ширины области просмотра, но никогда не превысит 1414 пикселов (я выбрал значение 1414px, поскольку в большинстве современных браузеров оно приводит к тому, что видимая полоса из флагов обрезается таким образом, что в ее конце остается целый флаг, а не его половинка). На рисунке 3.11 показано, как наша страница будет выглядеть в области просмотра шириной примерно 1900 пикселов.

Обновленная страница в области просмотра шириной около 1900 пикселов.

Ясно, что все это лишь варианты. Однако они подтверждают универсальность «резиновой» сетки, а также то, что мы можем управлять потоком, используя лишь несколько более приоритетных объявлений.