So legen Sie die Mindestbreite in CSS fest

In CSS können Sie das Attribut „min-width“ verwenden, um die Mindestbreite festzulegen. Die Syntax lautet „min-width: value“. Das Attribut „min-width“ legt eine Mindestgrenze für die Breite eines Elements fest. Daher kann ein Element breiter, aber nicht schmaler als der angegebene Wert sein. Diese Eigenschaft erlaubt keine Angabe negativer Werte.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Mindestbreitensyntax:
min-width:980px Stellen Sie die Mindestbreite auf 980px ein

Zu dieser Zeit gab es immer mehr Vollbildstrukturen mit 100 % Breite, aber zufällig war der mobile Browser oder Computerleser relativ klein, aber Ich wollte nicht, dass die Breite zum Lesen zu klein ist. Der Browser verursacht eine Strukturverformung, daher legen wir häufig eine CSS-Mindestbreite fest. Wenn auf diese Weise die Breite des Browserfensters willkürlich auf das minimale Breitenformat reduziert wird, verringert sich die Breite der Webseite nicht mehr, wenn der Browser kleiner wird.

Beim Einrichten müssen wir nur die Mindestbreite für das äußerste Div festlegen oder direkt die CSS-Mindestbreite für den Körper festlegen.

Legen Sie die Mindestbreite des äußersten Div fest.
Wenn das äußerste DIV den Namen #warp trägt.

#warp{min-width:980px}

Egal wie schmal der Browser oder die Auflösung ist, die Mindestbreite dieser Webseite beträgt 980 Pixel.

Legen Sie die Mindestbreite des Körpers fest

body{min-width:780px}

Das ist ganz einfach: Stellen Sie die Mindestbreite der Webseite direkt auf 780 Pixel ein. Unabhängig davon, wie klein die Webseite ist, beträgt die Mindestbreite normalerweise 780 Pixel. Die Breite von 100 % des Vollbilds wird kleiner, wenn die Erkennungsrate des Browsers abnimmt. Die endgültige Mindestbreite der Webseite beträgt jedoch 780 Pixel.

Empfohlenes Lernen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie die Mindestbreite in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!