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

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.

Answer 3

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