Какой атрибут CSS останавливает мой сайт?

Question

Я смотрю веб-сайт в Интернете со стандартным центрированным дизайном коробки (весь сайт центрирован в коробке и имеет границу с каждой стороны). Когда вы уменьшаете его, граница становится меньше, но содержимое остается того же размера. Это хорошо.

Однако на их сайте, когда вы становитесь еще меньше, вы просто получаете полосы прокрутки. Содержание остается нетронутым. На моем сайте, если вы сделаете это, такие вещи, как текст и ссылки, начнут прокручиваться на несколько строк, и весь сайт будет поврежден. Как я могу сохранить то же самое, даже если область просмотра мала?

Answer 1

Вы можете попробовать это:

#box
{
   width: 500px;
   /* overflow set to scroll will give you your scroll bars */
   overflow: scroll;
}

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

Вы можете попробовать это:

#container
{
/* IE will ignore min-width */
min-width: 400px;
/* IE will process the expression below to give you your minimum width, other browsers
will ignore it */
width:expression(document.body.clientWidth < 400? "400px": "auto" );
}

Answer 2

Добавьте атрибуты min-width и min-height в CSS вашего элемента Content. Like = min-width: 100px; мин-высота: 100px; ...

Answer 3

Похоже, вы ищете min-width.