Qu'est-ce que viewport dans HTML.

Ce qui est fenêtre d'affichage en HTML? Pourriez-vous donner quelques exemples sur la façon d'accéder à la fenêtre d'affichage des détails?

InformationsquelleAutor minil | 2010-05-30
  1. 66

    De la fenêtre d'affichage est la partie de la page web que l'utilisateur peut actuellement voir. Les barres de défilement déplacer la fenêtre d'affichage pour afficher d'autres parties de la page.

    Suivez cet article les instructions pour obtenir les dimensions de la fenêtre d'affichage en Javascript.

    if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 }
    • Et pour éviter toute confusion, il n'est ni la taille de la fenêtre de votre navigateur, ni la résolution de l'écran. Pour la même taille de la fenêtre d'un navigateur avec plusieurs barres d'outils affichées aura une petite fenêtre d'affichage.
    • L'application de transform: translate3d(0,0,0) à tout élément rend une fenêtre d'affichage pour tous ses enfants. Ce qui rend cette réponse partiellement incorrecte.
    InformationsquelleAutor Matchu
  2. 12

    Je pense que le ViewPort est juste une zone pour afficher le contenu web dans le navigateur. Et les différents navigateurs ont leur propre réglage de la taille de ViewPort, Par exemple, la valeur par défaut ViewPort largeur de Safari est de 980 pixels. Donc, si la page web que vous voulez voir est inférieure à 980 pixels, il devrait y avoir un vide zone d'affichage dans le Safari lors de l'accès à la page web dans Safari par défaut. Donc, c'est la raison parfois, nous avons besoin de configurer le ViewPort pour un meilleur affichage du contenu web dans le navigateur.

    Comme ci-dessous, par exemple:

    <meta name="viewport" content="width=device-width">

    Et aussi s'il vous plaît lire Paul réponse. Je pense qu'il a déjà expliqué l'utilisation de ViewPort.

    InformationsquelleAutor Joe.wang
  3. 7

    La fenêtre est un espace virtuel utilisé par le navigateur du moteur de rendu pour déterminer la façon dont le contenu est mis à l'échelle et de taille quand il est d'abord rendu sur l'écran actuel. Cela vous aidera à:

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    InformationsquelleAutor vicky
  4. 0

    La fenêtre d'affichage est le domaine visuel de votre page web sur un browser.By à l'aide de la <meta name="viewport" vous pouvez définir la façon dont le contenu de votre site est rendu sur les différents appareils.
    Personnellement, j'aime utiliser :
    <meta name="viewport" content="width=device-width, initial-scale=1.0>

    InformationsquelleAutor aditya