Ширина CSS 100% или максимальная ширина в пикселях

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

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

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

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

Ответы

Ответ 1

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

Объявить как в том же правиле, как это (нет необходимости в функции calc()):

#somediv {
    width: 100%;
    max-width: 512px;
}

Ответ 2

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

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

Ответ 3

div{ max-width: 512px; }

должно быть достаточно.