CSSの幅100％ORピクセル単位の最大幅

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; }

十分なはずです。