Einstellung div-Breite je nach Bildschirmgröße des Benutzers

Ich versuche, die Breite und Höhe eines div-genau gleich der Größe der meine Benutzer-Bildschirm. Wie kann es getan werden. Sollte ich jquery verwenden ? Wenn ja, wie ?

InformationsquelleAutor Prashant Singh | 2011-07-20

  1. 7

    Was ist mit etwas CSS? http://jsfiddle.net/TJGZU/

    body, html { /* set size of body to full page and remove margins */
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

div { /* set div to full width and height */
    width: 100%;
    height: 100%;
}

    InformationsquelleAutor pimvdb

  2. 5

    durch css scheint ideal als pimvdb vorgeschlagen hat...tut es in jquery wäre inline-styling, das wäre eine schlechte Praxis, die vermieden werden können, wenn dies notwendig ist.

    mittels jquery:

        var windowWidth = $(window).width();
    var windowHeight =$(window).height();
    $('div').css({'width':windowWidth ,'height':windowHeight });

    Bearbeitet Teil:

    var windowWidth = ((parseInt($(window).width())) / 2) - 120;

    wie diese, was Höhe und Breite scheint ideal für Sie, können Sie erhalten über diese.

    hmm... funktioniert es einwandfrei. Aber wird es variieren, wenn der Inhalt des div-aktualisiert durch ajax und seiner Höhe überquert die Bildschirm Breite
    das auf jeden Fall müssen Sie die jquery-basierend auf Ihrem async-parameter dementsprechend Stile angewendet werden sollten, sobald Ihre dynamische Elemente aufgefüllt werden.. Sie können, verwenden Sie die obige Lösung durch verändern der Breite und Höhe nach Ihrem Bedarf..ich bearbeitete meinen post.
    ich muss also die Höhe des div mittels jquery, jedesmal, wenn ich einen ajax-request ??
    nicht jeder-Zeit setzen Sie diese Variablen auf die Seite laden, und ordnen Sie Sie, wie oft Ihre div-Inhalt ändern???
    aber $(window).Höhe() Rückgabe der Höhe, die notwendig sind, um alle Inhalte ???

    InformationsquelleAutor abhijit

  3. 0

    unten ist ein Beispiel-code für Ihr problem:

    var windowWidth = ((parseInt($(window).width())) / 2) - 120;

    Beachten Sie auch, dass diese Antwort macht Gebrauch von der jQuery.

    Hallo, und herzlich willkommen auf Stack overflow! dies wurde bereits Hinzugefügt als Antwort jedoch

    InformationsquelleAutor user2958974

Schreibe einen Kommentar