Wie man eine Höhe Proportional zur Breite in CSS

Cascading Stylesheets (CSS) können Sie um die Abmessungen Ihrer Webseite, Container und Elemente zu formatieren. Die Abmessungen proportional zu halten erfordert dieselbe Einstellung für die Höhe und Breite für die speziellen Bereiche, die Sie formatieren. Ihre Höhe und Breite müssen groß genug für Grafiken innerhalb der Seite sein, so dass sie korrekt anzeigen können. Dieselben Dimensionen festlegen ist besonders nützlich, wenn Sie ein Quadrat Container oder Box für Ihre Webseite erstellen.

Anweisungen

1 Starten Sie einen Texteditor wie Notepad, TextPad oder EditPad. Wählen Sie "Datei" und "Öffnen" aus dem Menü und doppelklicken Sie auf die HTML-Datei, die Sie ändern möchten.

2 Fügen Sie den folgenden Code zwischen dem Tag < HEAD > Erstellen eines Stils mit einer proportional Höhe und Breite von 400 Pixel:

< Typ style = "Text/Css" ><!--#container {}Höhe: 400px;Breite: 400px;}-->< / style >

3 Ersetzen Sie "400px;" mit den Dimensionen, die für die Höhe und Breite festgelegt werden soll.

4 Fügen Sie den folgenden Code zwischen den < BODY >-Tag der Formatvorlage:

< Div Id = "Container" > Text und/oder Grafiken sollen gehen hier. < / Div >