Quelle est la résolution moyenne, c'est-à-dire la largeur en pixels d'une page Web standard?

Question

Je viens de terminer la construction de pages web et j'essaie de décider à quoi ressemblerait la mise en page optimale. J'essaie de décider entre une largeur fixe pour mes divs principaux (environ 1200 pixles ou plus) et une largeur de pourcentage variable. Je m'inquiète que la largeur variable aura l'air terrible sous des résolutions inférieures de moins de 1600 par 900. Je suppose < résolution 1600 X 900 est assez rare là-bas ces jours mais aimerait quelques opinions.

Quazi

Re répond:

Merci à tous pour vos remarques précieuses. Il s'avère que mes problèmes proviennent de l'utilisation d'un mélange de divs variables avec des éléments de largeur fixe. Un désastre total pour la visualisation à des résolutions inférieures. Vos commentaires m'ont conduit dans la bonne direction. merci

Answer 1

Google a une page Browser Size qui affiche des statistiques sur la taille de la fenêtre du navigateur des personnes qui visitent Google. Vous pouvez superposer n'importe quel site Web sur le graphique pour voir ce qui serait visible sur différentes tailles de navigateur.

Donc, même s'il s'agit d'une statistique différente de la résolution globale de l'écran, cela montre que de nombreuses personnes consultent le Web à l'aide de petites fenêtres de navigateur - p. 30% ont une fenêtre inférieure à 1000 x 575 environ.

Remarque - les statistiques semblent avoir environ un an.

J'ai d'abord vu cet outil mentionné dans this answer à une question sur le Pro WebMasters SE.

Answer 2

Je suppose que la résolution moyenne pour une page Web est vraiment juste la résolution moyenne pour un moniteur. Je trouve les agencements à largeur fixe gênants quand je vais sur des sites qui n'utilisent qu'une fraction de mon écran, mais je comprends pourquoi certaines personnes le font. Le faire correctement sur une large gamme d'écrans peut être une vraie douleur.

Si vous souhaitez vous assurer qu'il est satisfaisant sur toutes les tailles d'écran, vous pouvez utiliser different stylesheets for different resolutions. Ou vous pouvez modifier la mise en page en utilisant javascript comme des sites comme Amazon faire.

Answer 3

Soyez mieux d'utiliser la taille en pourcentage sur CSS.Il est bon pour toutes les plates-formes.