La pleine hauteur de la fenêtre d'affichage de mise à l'échelle div juste pas de css js... Possible?

Ok, je vais essayer d'obtenir un div à l'échelle et la hauteur est toujours à la hauteur de la fenêtre d'affichage. Je vais le lien vers mes exemples qu'il a besoin de quelques explications.

www.madmediablitz.com/tv/precentdemo.html

Le lien ci-dessus est la plus proche je suis arrivé à une solution et j'espère que quelqu'un ici le trouverez simple à corriger. Ce que je veux c'est la télé pour toujours être à la hauteur de la fenêtre (à un degré, min-height:~400px; max-height:~700 pixels;). Le code que j'ai utilisé il est basé sur http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/.

www.madmediablitz.com/tv/precentdemo_alt.html

C'est ce que je NE veux PAS arriver. SI vous redimensionnez votre fenêtre, vous verrez qu'il n'est pas proportionnel.

J'ai essayé les deux pour environ 2 jours maintenant et je n'ai pas été en mesure de l'obtenir pour fonctionner. Je suis littéralement en train de prier pour l'aider comme je le pense, ce n'est pas trop compliqué.

Aussi, Ignorer le fait que le téléviseur n'a pas de ligne de 100%, c'est mon erreur de découpage.
La démo liens semblent morts.

OriginalL'auteur | 2009-10-02

  1. 37

    Veuillez voir ceci:
    http://stanhub.com/how-to-make-div-element-100-height-of-browser-window-using-css-only/

    <div id="welcome">
   your content on screen 1
</div>

<div id="projects">
   your content on screen 2
</div>
div#welcome {
    height: 100vh;
    background: black;
}

div#projects {
    height: 100vh;
    background: yellow;
}

    Que c'est.

    Si quelqu'un lit ceci, cela devrait être la accepté de répondre.
    vh fonctionne très bien !! merci.
    Être conscient, cela ne fonctionnera pas dans Andorid 4.3 ou plus bas, Opera mini, IE8 ou moins, et est buggé dans iOS 7.1 ou plus bas. Voir: caniuse.com/#feat=viewport-units
    S'il vous plaît ajouter une explication de pourquoi ce code permet à l'OP. Cela aidera à fournir une réponse futurs téléspectateurs peuvent apprendre. Voir Réponse pour plus d'informations.

    OriginalL'auteur pixparker

  2. 12
    html, body {
  height: 100%;
}

    Lire cette article.

    S'il vous plaît ajouter une explication de pourquoi ce code permet à l'OP, dans la réponse elle-même, pas sur un site tiers. Cela aidera à fournir une réponse futurs téléspectateurs peuvent apprendre. Voir Réponse pour plus d'informations.

    OriginalL'auteur 3zzy

  3. 11

    Vous pouvez utiliser le positionnement absolu dans un assez surprenante je conjecturer:

    div#element {
  position: relative;
}

img.vertical {
  position: absolute;
  top: 0; //no need for px or em 
  bottom: 0;
}

    Un navigateur compatible devriez essayer de respecter à la fois le haut et le bas des directives, la gestion d'une hauteur totale.

    OriginalL'auteur Matthieu M.