CSS width 100% или max-width в пикселях

Question

CSS width 100% или max-width в пикселях

Как можно создать правило CSS для ширины, которые

использует 100% ширину по умолчанию

Если 100% ширина превышает определенную ширину пикселя (скажем, 512 пикселей), то ширина зажимается до этой ширины пикселя

Я не уверен в отношении ширины и максимальной ширины, или как calc () поддерживается или может выразить это. Это должно было бы работать с последними браузерами WebKit и Firefox 4. IE8 и др. поддержка не нужно

573 3

css width

3 ответов:

Comments

Ничего не найдено.

BoltClock · Accepted Answer · 2011-04-15 14:02:22

это на самом деле предполагаемое использование max-width. Если вычисленное (фактическое) width элемента превышает max-width, он будет ограничен до максимального значения, а не выходить за его пределы. Процент по сравнению с пикселями не имеет значения.

объявить оба в том же правиле, как это (нет необходимости в

clairesuzy · Accepted Answer · 2011-04-15 13:57:49

Если это элемент уровня блока, он должен быть 100% по умолчанию, поэтому не нужно объявлять ширину, а затем max-width: 512px; свернул бы его

calc() Не поддерживается очень хорошо вообще, но в этом случае я бы не думал, что вам это понадобится

Ian Wood · Accepted Answer · 2011-04-15 14:00:10

div{ max-width: 512px; }
должно хватить.

2

2011-04-15 14:00:10