verzerren CSS-Breite 100% ODER maximale Breite in Pixel




html body größe festlegen (3)

div{ max-width: 512px; }

sollte ausreichen.

Wie könnte man eine CSS-Regel für die Breite erstellen, die

  • Verwendet standardmäßig 100% Breite

  • Wenn 100% Breite eine bestimmte Pixelbreite überschreiten (sagen wir 512 px), wird die Breite auf diese Pixelbreite heruntergeklemmt

Ich bin mir nicht sicher über Breite und Max-Breite Beziehungen, oder wie calc () unterstützt wird oder könnte dies ausdrücken. Dies müsste mit den neuesten WebKit Browsern und Firefox 4 funktionieren. IE8 etc. Support wird nicht benötigt


Wenn es sich um ein Element auf Blockebene handelt, sollte es standardmäßig 100% sein, also muss die Breite nicht deklariert werden, dann ist die max-width: 512px; würde es beschneiden

calc() wird überhaupt nicht gut unterstützt, aber in diesem Fall würde ich nicht denken, dass Sie es brauchen würden


Das ist tatsächlich die beabsichtigte Verwendung von max-width . Wenn die berechnete (tatsächliche) width eines Elements die max-width überschreitet, wird sie auf den maximalen Wert beschränkt, anstatt darüber hinaus zu gehen. Der Prozentsatz im Verhältnis zu den Pixeln ist nicht relevant.

Deklarieren Sie beide in derselben Regel (keine Notwendigkeit für die Funktion calc() ):

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




width