Ширина CSS 100% ИЛИ max-width в пикселях

Question

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

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

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

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

Answer 1

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

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

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

Answer 2

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

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

Answer 3

div{ max-width: 512px; }

должно хватить.