Wie zu meiner Website machen jede Auflösung passen

Bildschirm-Auflösung ärgert viele Web-Designer, weil es von Benutzer zu Benutzer und Computer zu Computer variieren. Es gibt zwei Möglichkeiten, befassen sich mit der Frage der Bildschirmauflösungen und lassen Ihre Webseite jede Auflösung passen. Vor allem mithilfe von Cascading Style Sheets oder CSS, setzen Sie die Breite der Webseite mit der Auflösung ändern, indem Sie Prozentsätze für die Breite in Ihrer Web-Seite CSS-Datei festlegen.

Anweisungen

1 Öffnen Sie Ihre Web-Seite HTML- und CSS-Datei in einem Texteditor.

2 Suchen Sie nach < Body >-Tag in der HTML-Datei. Dies kennzeichnet den Anfang des sichtbaren Bereichs der Website. Erstellen Sie < Div > Tag unterhalb der < Körper >.

3 Geben Sie dem Tag < Div > eine ID. Zum Beispiel: < Div Id = "Seite" >.

4 Suchen Sie nach den < / body > Tag am Ende des HTML-Dokuments. Platzieren Sie das DIV-Ende-Tag vor dem < / body >. Es würde also folgendermaßen aussehen:

< / Div >< / body >

5 Speichern Sie die HTML-Datei.

6 Erstellen Sie CSS-Elemente in Ihre CSS-Datei für das Body-Tag und die Seite-ID. Setzen Sie die Ränder und Abstände des Body-Tags auf NULL. Dadurch wird sichergestellt, dass der sichtbare Bereich des Browserfensters deckt. Zum Beispiel:Body {Margin: 0; Padding: 0;} #page {}

7 Legen Sie Ihre Seitenbreite in der Seiten-ID mit Prozentsätzen. Der Prozentsatz können die Seite ändern Sie die Auflösung, dass der Benutzer die Website anzeigt. Zum Beispiel:

Seite {Width: 100 %;} 8 Speichern Sie die CSS-Datei.

Tipps & Warnungen

• Eine weitere Möglichkeit ist die Seitenbreite auf die kleinste Auflösung möglich festgelegt. Dies wäre für die meisten Zuschauer 780 Pixel. Damit Sie die Breite der #page zu ändern würde: Breite: 780px;