Y at-il une norme sur la résolution commune de site Web ?
Nous ciblons des moniteurs récents, peut-être au moins 1280px de large, mais la hauteur peut varie, et chacun des navigateurs peuvent avoir des hauteurs différentes de barre d’outils trop.
Y a-t-il n’importe quelle sorte de norme à cela ?
L'avis de ces jours est:
Optimiser de 1024 x 768. Pour la plupart des sites, cela permettra de couvrir la plupart des visiteurs. La plupart des journaux montrent que 92 à 99% de vos visites seront au-dessus de 1024 de large. Tout en 1280 est de plus en plus commun, il y a encore beaucoup à 1024 et certains ci-dessous. Optimiser pour cela, mais ne pas ignorer les autres.
1024 = ~960. La comptabilité pour les barres de défilement, les bords des fenêtres, etc, signifie le vrai de la largeur d'un écran 1 024 x 768 est d'environ 960 pixels. Certains outils sont basés sur une taille un peu plus petite, environ 940. C'est le conteneur par défaut de la largeur de twitter bootstrap.
Ne pas concevoir pour une taille. La fenêtre de la taille peut varier. Ne présumez pas que la taille de l'écran est égale à windows taille. Conception pour un minimum raisonnable, mais supposer qu'il va régler.
L'utilisation du responsive design et mise en page liquide. Utiliser des mises en page qui va ajuster lorsque la fenêtre est redimensionnée. Les gens font ce beaucoup, surtout sur des grands écrans. C'est juste de la bonne CSS pratique. Il y a plusieurs front-end de cadres charge ce.
Traiter mobile comme un citoyen de première classe. Vous obtenez plus de trafic à partir d'appareils mobiles de tous les temps. Ces introduire encore plus de tailles d'écran. Vous pouvez encore optimiser pour 960, mais en responsive web design techniques de votre page sera ajusté selon la taille de l'écran.
Journal d'affichage du navigateur info. Vous pouvez obtenir des chiffres concrets à ce sujet. J'ai trouvé quelques chiffres ici et ici et ici. Vous pouvez également l'habillage de votre site afin de recueillir les mêmes données.
L'utilisateur fait défiler afin de ne pas se soucier de la hauteur. Le vieil argument était que les utilisateurs ne serait pas de défilement et de quelque chose d'important doit être "au-dessus du pli." Cette décision a été annulée il y a des années. Les utilisateurs de faire défiler beaucoup.
Plus sur les résolutions d'écran:
Plus sur le responsive design:
Outils et avant la fin de cadres pour le responsive design et mise en page liquide:
Mauvaise idée, je crois. Le point entier dans la séparation du contenu et de la mise en page est de permettre à votre page web pour être affiché sur tout type de navigateur.
Mettre dans des limites artificielles comme un minimum la taille de l'écran sera la limite de votre marché.
Cela dit, je crois que chaque bureau doit être en mesure d'affichage de 1024x768. Mais ce que sur les navigateurs fonctionnant sur iphone ou tout autre écran mis au défi les dispositifs, ou même ceux qui n'utilisent pas la totalité de leur bureau pour le navigateur?
En réponse à votre question, non, je ne crois pas qu'il existe une norme pour un minimum ou d'une commune de la zone d'affichage dans les navigateurs.
Forcer un utilisateur à un défilement horizontal est une grave de l'INTERFACE utilisateur de la transgression. Sauf si vous êtes spécifiquement la construction d'un site web pour une population avec une taille de l'écran, vous êtes plus sûr de s'assurer que votre conception fonctionne avec des écrans aussi petits que 800 pixels de large (environ 8% de la navigation sur le web de la population si je me souviens bien). Il est sage de le faire bien s'adapter à de plus grands écrans, mais pas au détriment des gens continue de surfer à 800x600.
Voici une autre chose à prendre en compte: tout le monde ne fonctionne leur navigateur en plein écran (je n'ai pas). Donc l'idée que si c'est Ok pour la conception pour une utilisation spécifique (et grand) "la taille de l'écran" n'est pas vraiment travailler pour un certain nombre de raisons.
Mise à jour sur 12/15/2010: Quand j'ai répondu à cette question, de 800 pixels, c'était une réponse appropriée. Cependant, à ce stade, je vous recommande de 1024 pixels de large (ou 960 que quelqu'un d'autre points). La technologie est toujours en marche...
Voici les statistiques de l'affichage du navigateur en 2008: http://www.w3schools.com/browsers/browsers_display.asp
Environ 50% des utilisateurs utilisent encore 1024x768. Si vous voulez que votre site soit beau avec de hautes résolutions, utilisez une mise en page flexible.
Il existe en fait des normes industrielles pour les largeurs (bien selon Yahoo au moins). Leurs largeurs supportées sont 750, 950, 974, 100%
Il y a des avantages de ces largeurs pour leurs grilles prédéfinies (dispositions de colonnes) qui fonctionnent bien avec des dimensions standard pour les publicités si vous deviez en inclure.
Des conversations intéressantes valent la peine d'être regardées.
voir la base de YUI
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
