Фиксированная ширина

Фиксированная ширина

Фиксированная ширина

32rem

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

Область с заданной шириной

`zone--narrow` с размерным шагом: область имеет такую ширину и остается такой ширины, независимо от пространства окна. Это помогает тексту оставаться читаемым — колонка, которая растет вместе с экраном, перестает быть колонкой.

Для чего нужна свободная область

Последняя область ничего не содержит, но занимает свое место: пустота не равна отсутствию, и панель, ожидающая заполнения, воспринимается как панель, а не как дыра. Она предназначена для того, чтобы занять ширину, которую отказываются занимать заданные области.

Разделение передает оставшееся пространство тому, кто его попросит. При отсутствии запросов заданные области растянулись бы или были бы сдвинуты к краям; с этим они сохраняют свою ширину, а страница сохраняет остальное.