web-dev-qa-db-fra.com

largeur de page Web par défaut - 1024px ou 980px?

Lors du développement d'applications Web, par le passé, le choix était 800px ou 1024px pour tenir dans le moniteur de l'utilisateur. J'ai fait des recherches sur la conception Web réactive et les conceptions fluides, et il semble que beaucoup d'entre elles définissent le 980px largeur. Avec l'ajout de téléphones intelligents et de tablettes et la prise en compte des autres fenêtres possibles

Est 980px le nouveau standard de facto?

Merci.

25
Brian Mains

Si ce n'est pas le cas, je pourrais voir les choses comme ça.

Je travaille à refaire le site Web de l'entreprise pour laquelle je travaille et le concepteur qu'ils ont embauché a utilisé une mise en page de 960 pixels. Il existe également un système de grille 960px qui semble devenir très populaire ( http://960.gs/ ).

Je suis hors du Web depuis quelques années, mais d'après ce que j'ai lu, il semble que 960/980 soit à peu près correct. Pour les appareils mobiles ~ 320px, je pense que 960 est divisible. 960 est également divisible par 2, 3, 4, 5 et 6.

7
paul

J'utilise principalement une largeur de 978 px pour mes créations. Adv. de 978px: peut être divisé par 2,3.

28
sudip

980 n'est pas le "standard de facto", vous verrez généralement la plupart des gens cibler une taille un peu inférieure à 1024px de large pour tenir compte du navigateur chrome comme les barres de défilement, etc.

Habituellement, les gens ciblent entre 960 et 990 pixels de large. Souvent, les gens utilisent un système de grille (comme 960.gs) qui est d'avis sur ce que devrait être la largeur par défaut.

Notez également que récemment, la taille d'écran la plus courante est en moyenne un peu plus grande que 1024px de large, se classant à 1366px de large. Voir http://techcrunch.com/2012/04/11/move-over-1024x768-the-most-popular-screen-resolution-on-the-web-is-now-1366x768/

13
hammerbrostime

C'est un peu une question ouverte car les tailles d'écran changent tout le temps et ce qui aurait pu être correct il y a deux ans serait probablement obsolète maintenant.

J'utilise Twitter Bootstrap 3 à l'heure actuelle et il utilise un système de grille fluide conçu pour fonctionner à des tailles allant du mobile/très petit jusqu'aux énormes moniteurs à écran large qui sont maintenant disponibles.

Actuellement, la valeur par défaut supérieure dans BS3 est 1200px, ce qui se traduit par une largeur de conteneur de 1144px après prise en compte des marges et du remplissage des éléments des grilles.

D'après mon expérience, les concepteurs modernes travaillent sur une largeur d'environ 1366 pixels pour le bureau. Toutes les conceptions récentes que j'ai été invité à mettre en œuvre ont été de 1366 pixels.

Notez également que vous pouvez personnaliser assez fortement la grille BS3. Par exemple, nous utiliserons une grille de 32 colonnes avec gouttière 4px dans nos sites/conceptions à l'avenir.

En fin de compte, la décision sur la largeur de la page doit être prise en fonction de l'analyse de votre site Web et des tailles d'écran que vos visiteurs utilisent généralement.

4
Hades

même il n'y a pas de bonne ou de mauvaise réponse à cette question, mais je préfère personnellement une largeur de 960 px. car tous les moniteurs modernes prennent en charge une résolution d'au moins 1024 × 768 pixels. 960 est divisible par 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 et 480. Cela en fait un numéro de base très flexible avec lequel travailler.

voir cet article qui montre les résolutions d'écran les plus populaires 2013-2014 aux États-Unis et au Royaume-Uni: http://www.hobo-web.co.uk/best-screen-size/

2
Thair