Я думаю, что я, возможно, уже знаю ответ на этот вопрос, но мне нужна проверка здравомыслия!
Скажем, у меня
#gridtest{
width:590px;
}
Я мог бы изменить ширину на процент, используя RESULT = TARGET/CONTEXT. В этом случае контекст представляет собой контейнер с максимальной шириной, установленной на 1000 пикселей, поэтому я могу это сделать:
#gridtestpercent{
width:59%; /*590/1000*/
}
Если бы я должен был сжать окно вниз, div всегда будет пропорционален его контейнеру. Но что, если я захочу сделать
#gridtest{
width:570px;
border:10px solid red;
}
Я могу использовать ширину, исходя из того, что цель теперь равна 570, но по мере того, как окно сокращается, все пропорции выходят из синхронизации.
#gridtestpercentnoborder{
width:57%; /*570/1000*/
border:10px solid red;
}
Я не могу использовать процентную границу. Я не хочу использовать JS для проверки контекста, и я не могу использовать показ рамки CSS3.
Если бы я хотел использовать технику, описанную в интерактивном веб-дизайне Итаном Маркоттом, где все сжимается по отношению друг к другу, мне будет не повезло, если вы используете границу?
Ура!