Wie kann ich erzwingen, eine Webseite, die Seite zu Rendern bei einer Mindest-Auflösung, unabhängig davon, wie klein der viewport verkleinert?

Ich bin eher für neue, komplexe CSS und habe eine Frage - ich habe eine Seite, die Positionen eines "floating Elements" am unteren Rand der Seite. Es tut dies durch die Einstellung der Bottom: 0 und Position: Absolute.

Wenn der Benutzer die Größe Ihren browser zu einer sehr kleinen Größe, ist dieses element umfasst andere Inhalte auf der Seite.

Ideal, Das element wäre, weiter zu schwimmen auf der Unterseite des browser auf normalen und großen Größen, aber wenn das browser-Fenster wurden verkleinert werden zu klein, die browser zwingen würde, eine Bildlaufleiste, statt nach dem floating-element.

Im wesentlichen, möchte ich sagen, dass die browser - egal wie klein das Fenster ist, nie Rendern der Seite kleiner als 800x600.

InformationsquelleAutor | 2008-11-06

  1. 1

    Konnten Sie html, body { min-width: 800px; min-height: 600px; }

    YMMV in verschiedenen Browsern, obwohl.

    Vielleicht mache ich es falsch ? body { min-width: 800px; min-height: 600px;} HTML (die gleichen. Snip für Anzahl Zeichen) Der floating footer bleibt am unteren Rand des Fensters, und bewegt sich über und vorbei an den beiden anderen Elementen und dem oberen Rand des Bildschirms.

    InformationsquelleAutor Greg

  2. 0

    Es hängt wirklich davon ab, ob die floating footer muss immer sichtbar sein, oder wenn Sie Blättern aus dem Boden, wenn das browser-Fenster zu klein ist.

    Ich denke, dass einige javascript-leichter zu handhaben als eine css-Lösung. Beachten Sie, dass min-width und min-height funktioniert nicht in allen Browsern.

    Können Sie jquery verwenden, um dies zu erleichtern. Die
    $(window).Größe( Rückruf )
    kann verwendet werden, um eine callback-Funktion zum behandeln der änderung der Fenstergröße anpassen.

    Ich die Maße der Fenster als Teil meiner resize-code auch.
    var wh = Math.max(600,$(window).height());
    var ww = Math.max(800,$(window).Breite());

    Dann kann ich die Größe eines div in meiner Seite basierend auf der Größe der Fenster.
    $('div#mydiv').css('width',ww);
    Sie können auch setzen Sie den Wert auf "auto", um unset Ihren angegebenen Wert.

    Ich denke, es ist traurig, dass es nicht eine saubere CSS-Lösung, aber Sie könnte Recht haben. Ich bin sicher fein mit der Fußzeile Blättern aus dem Boden nach einer bestimmten Größe; das ist die bevorzugte Verhalten in diesem Fall. Ich hatte gedacht, der versucht, ein JS-Lösung, und es kann nur die Wahl, die ich habe. Danke.

    InformationsquelleAutor Mnebuerquo

  3. 0

    Ich weiß, es ist ein bisschen wie ein cheat, aber du kannst die alten trick der Umsetzung in ein Bild, das über die erforderliche minimale Breite in der floating Elements, und die gleiche Farbe wie er. Es ist dann praktisch unsichtbar, verhindert aber, dass das element, und daher die ganze Seite verkleinert wird.

    Danke! Ich dachte das auch - Das problem ist, dass das Bild nur gedrückt "Vergangenheit" die Spitze der browser, die aus dem Bildschirm; Es kann nicht verhindern, dass die Fußzeile immer zu hoch, und es nicht die Mindest-render-Höhe ;(
    OOps. Sorry. Ich werde überprüfen Sie mit der Art der Fußzeile, die Sie verwenden und sehen, was funktioniert!

    InformationsquelleAutor

Schreibe einen Kommentar