Visual fenêtre d'affichage est la partie de la page qui est actuellement affiché à l'écran.
La fenêtre d'affichage à disposition peut être considérablement plus large que la fenêtre d'affichage visuel, et contient des éléments qui apparaissent et qui n'apparaissent pas sur l'écran.
Imaginer la fenêtre d'affichage à disposition comme étant une grande image qui ne change pas de taille ou de forme. Maintenant, imaginez que vous avez un petit cadre à travers lequel vous regardez la grande image. Le petit cadre est entouré par un matériau opaque qui obscurcit votre vue de tous, mais une partie de la grande image. La partie de la grande image que vous pouvez voir dans l'image est le visuel de la fenêtre d'affichage. Vous pouvez sortir de la grande image tout en maintenant votre image (zoom arrière) pour voir l'intégralité de l'image, à la fois, ou vous pouvez vous déplacer plus proche (zoom avant) pour ne voir qu'une partie. Vous pouvez également changer l'orientation de l'image, mais la taille et la forme de l'image de grande taille (fenêtre d'affichage à disposition) ne change jamais.
Merci beaucoup..j'ai déjà parcouru le lien u a donné et pas de doute, c'est une très bonne ref..Mais, je ne comprends pas très bien la partie où ils disent que "...les navigateurs ont choisi leurs dimensions de la fenêtre d'affichage à disposition tel qu'il recouvre complètement l'écran entièrement en mode zoom-out (et est donc égal à la fenêtre d'affichage visuel)....". ET "... La mise en page largeur de la fenêtre d'affichage est toujours le même. Si vous faites pivoter votre téléphone, la fenêtre d'affichage visuel des changements, mais le navigateur s'adapte à cette nouvelle orientation en zoomant un peu, de sorte que la fenêtre d'affichage à disposition est encore plus large que la fenêtre d'affichage visuel.
Imaginez la fenêtre d'affichage à disposition comme étant une grande image qui ne change pas de taille ou de forme. Maintenant l'image que vous avez un petit cadre à travers lequel vous regardez la grande image. Le petit cadre est entouré par un matériau opaque qui obscurcit votre vue de tous, mais une partie de la grande image. La partie de la grande image que vous pouvez voir dans l'image est le visuel de la fenêtre d'affichage. Vous pouvez sortir de la grande image tout en maintenant votre image (zoom arrière) pour voir l'intégralité de l'image, à la fois, ou vous pouvez vous déplacer plus proche (zoom avant) pour ne voir qu'une partie. (suite)
(suite) Vous pouvez également changer l'orientation de l'image, mais la taille et la forme de l'image de grande taille (fenêtre d'affichage à disposition) ne change jamais.
Superbe..cool explnation..une question...est-ce à fenêtre d'affichage de la matière uniquement dans le cas d'. % des largeurs..je veux dire, si sur ma page, je donne la largeur absolue de dire 1000 px, peut la fenêtre d'affichage en quelque sorte passer outre?
Selon le Quirksmode l'article: "...la mise en forme CSS, en particulier percentual largeurs, sont calculés par rapport à la fenêtre d'affichage à disposition." En outre, la fenêtre d'affichage à disposition est égale à la taille de l'écran lorsque l'utilisateur zoome tous le moyen de sortir. Ainsi, la largeur ne sera pas remplacé, mais l'utilisateur peut avoir besoin pour effectuer un zoom arrière très, très loin pour voir l'ensemble de 1000px de largeur à la fois dans la fenêtre d'affichage visuel.
Ok..une dernière question avant de clore ce ...Pour la fenêtre d'affichage à disposition, je ne comprends pas très bien de leur explication, si elle est fixe pour toutes les pages..par exemple 980px pour iPhone OU elle varie d'une page à l'autre..c'est à dire Quand ils disent ...la largeur et la hauteur de la fenêtre d'affichage à disposition sont égales à tout ce qui peut être montré sur l'écran au maximum mode zoom-out
Salut...une mise à jour à partir d'ur côté?
Je serais également heureux de recevoir de la rétroaction à testndtv dernière question.
Selon l'article, la fenêtre d'affichage à disposition est toujours la même pour un appareil en particulier. Il ne change pas d'une page à l'autre.
Une très bonne explication des deux est trouvé ici.
En résumé:
Visual fenêtre d'affichage
Visual fenêtre d'affichage est la partie de la page qui est actuellement affiché à l'écran. L'utilisateur peut faire défiler jusqu'à modifier la partie de la page, il voit, ou le zoom pour modifier la taille de la fenêtre d'affichage visuel.
Fenêtre d'affichage à disposition
Cependant, la mise en forme CSS, en particulier percentual largeurs, sont calculés par rapport à la fenêtre d'affichage à disposition, ce qui est considérablement plus large que le visuel de la fenêtre d'affichage.
Donc l'élément prend la largeur de la fenêtre d'affichage à disposition au départ, et votre CSS est interprété comme si l'écran était significativement plus large que l'écran du téléphone. Cela permet de s'assurer que votre site mise en page se comporte comme il le fait sur un navigateur de bureau.
Quelle est la largeur de la fenêtre d'affichage à disposition? Qui diffère selon le navigateur. Safari de l'iPhone utilise 980px, Opéra 850px, Android WebKit 800px, et IE 974px.
En bref, la fenêtre d'affichage à disposition est généralement à la largeur de la fenêtre d'affichage lorsque l'écran est agrandie tout le moyen de sortir.
Sur les appareils mobiles, les choses peuvent être un peu plus compliqué par défaut, parce que, pour permettre un “full web” de l'expérience, de nombreux appareils mobiles de retour d'un faux plus fenêtre d'affichage à disposition dimensions.
Par exemple, le classique de l'iPhone par défaut, les rapports d'un fenêtre d'affichage à disposition largeur de 980px. Cela signifie que si vous créez un 320px élément sur l'iPhone, il va se remplir seulement environ un tiers de l'écran de l'immobilier.
Cependant, ce mécanisme n'est pas très bon pour les pages qui sont optimisés pour les écrans à l'aide des requêtes de média.
Lorsque nous créons des sites sensibles est très utile d'utiliser la fenêtre d'affichage de la balise meta, ce qui nous permet de contrôler la mise à l'échelle et de la fenêtre d'affichage à disposition de nombreux appareils (en utilisant les dimensions réelles, pas le faux signalé).
Visual fenêtre d'affichage est la partie de la page qui est actuellement affiché à l'écran.
La fenêtre d'affichage à disposition peut être considérablement plus large que la fenêtre d'affichage visuel, et contient des éléments qui apparaissent et qui n'apparaissent pas sur l'écran.
Imaginer la fenêtre d'affichage à disposition comme étant une grande image qui ne change pas de taille ou de forme. Maintenant, imaginez que vous avez un petit cadre à travers lequel vous regardez la grande image. Le petit cadre est entouré par un matériau opaque qui obscurcit votre vue de tous, mais une partie de la grande image. La partie de la grande image que vous pouvez voir dans l'image est le visuel de la fenêtre d'affichage. Vous pouvez sortir de la grande image tout en maintenant votre image (zoom arrière) pour voir l'intégralité de l'image, à la fois, ou vous pouvez vous déplacer plus proche (zoom avant) pour ne voir qu'une partie. Vous pouvez également changer l'orientation de l'image, mais la taille et la forme de l'image de grande taille (fenêtre d'affichage à disposition) ne change jamais.
Pour un excellent traitement de la question, voir: http://www.quirksmode.org/mobile/viewports2.html
Une très bonne explication des deux est trouvé ici.
En résumé:
Visual fenêtre d'affichage
Fenêtre d'affichage à disposition
En bref, la fenêtre d'affichage à disposition est généralement à la largeur de la fenêtre d'affichage lorsque l'écran est agrandie tout le moyen de sortir.
Fenêtre d'affichage à disposition
Ses mesures sont toujours les mêmes, indépendamment de l'orientation ou le niveau de zoom, tout dépend de l'appareil/de la fenêtre du navigateur.
Visual fenêtre d'affichage
Il varie (si le niveau de zoom par exemple). C'est la partie de la page qui est montré sur l'écran à un moment donné.
Exemple en vidéo de ces deux tracés
Fenêtre d'affichage à disposition: La zone verte de la minimap.
Visual fenêtre d'affichage: Le cadre rouge sur la mini-carte.
Fenêtre d'affichage à disposition vs visual fenêtre d'affichage (vidéo)
Sur Mobile/Tablette
Sur les appareils mobiles, les choses peuvent être un peu plus compliqué par défaut, parce que, pour permettre un “full web” de l'expérience, de nombreux appareils mobiles de retour d'un faux plus fenêtre d'affichage à disposition dimensions.
Par exemple, le classique de l'iPhone par défaut, les rapports d'un fenêtre d'affichage à disposition largeur de 980px. Cela signifie que si vous créez un 320px élément sur l'iPhone, il va se remplir seulement environ un tiers de l'écran de l'immobilier.
Cependant, ce mécanisme n'est pas très bon pour les pages qui sont optimisés pour les écrans à l'aide des requêtes de média.
Lorsque nous créons des sites sensibles est très utile d'utiliser la fenêtre d'affichage de la balise meta, ce qui nous permet de contrôler la mise à l'échelle et de la fenêtre d'affichage à disposition de nombreux appareils (en utilisant les dimensions réelles, pas le faux signalé).
Exemples de la fenêtre d'affichage de la balise meta
Sans de la fenêtre d'affichage de la balise meta Avec de la fenêtre d'affichage de la balise meta