Beenden Sie den browser aus schob alles um sich herum, wenn ich die Größe

Wie kann ich verhindern, dass meine ganze Website auseinanderfallen, während ein Benutzer die Größenänderung des browser-Fensters?

Die Website sieht perfekt aus - es wird nur alle entstellt, wenn es geändert wird, auf eine kleinere Größe.

InformationsquelleAutor | 2011-01-09
  1. 13

    Setzen eine Feste minimale Breite wrapper um ihn herum:

    Vor:

    <html>
<body>
<!-- Your content -->
</body>
</html>

    Nach:

    <html>
<body>
<div style="min-width: 960px; margin: 0 auto;">
<!-- Your content -->
</div>
</body>
</html>

    Dadurch wird sichergestellt, dass Ihre Seite wird immer angezeigt, wie mindestens 960px Breite mindestens (und es wird eine horizontale Bildlaufleiste angezeigt, wenn das browser-Fenster schmaler).

    Können Sie auch wählen, verwenden Sie width statt min-width wenn Sie möchten, dass Ihre Seite immer anzeigen, wie eine bestimmte Breite, selbst wenn der browser breiter, auch.

    • Ooh, vielen Dank! Funktioniert perfekt 🙂
    InformationsquelleAutor Amber
  2. 0

    Kraft eine Feste Größe, anstatt füllen den verfügbaren Platz. Dies lassen Sie Ihre Webseite immer "perfekt Aussehen".

    Der Nachteil: Benutzer mit kleiner Auflösung oder die Größe des Browsers kleiner wird, scrollen, von Links nach rechts auf Ihrer Seite. Auch Benutzer mit großen widescreens werden sehen, eine Reihe von zusätzlichen Platz auf den Seiten.

    Wirkliche Lösung, ändere dein styling, so dass die Seite immer noch anständig Aussehen, wenn die Größe kleiner (bis zu welcher Größe Sie denken, dass Ihre Benutzer in der Regel werden bei).

    • Also, was du meinst, anstatt <div class="main"></div> set bei Breite:50%; Verwendung von px definiert die Breite? (div: Haupt-ist, was hält alles andere auf der Seite.)
    • Ja, verwenden Sie eine set Breite in px, finden Sie in Amber ist das perfekte Beispiel.
    • Siehe auch
    InformationsquelleAutor jzd
  3. 0

    Ich weiß ich bin sehr spät, aber das hat mir wirklich geholfen, also danke:)

    Was ich es auf: https://codepen.io/Mike-was-here123/full/oGWxam/

    <div style="min-width: 1920px; margin: 0 auto; max-height: 1080px;">
    InformationsquelleAutor Leed
Schreibe einen Kommentar