web-dev-qa-db-fra.com

Hauteur maximale pour éviter la barre de défilement verticale sur les résolutions de bloc-notes

La résolution la plus populaire des ordinateurs portables est donc 1366x768.

La hauteur de la fenêtre d'affichage (la hauteur disponible pour le site Web dans le navigateur) dépend du système d'exploitation et du navigateur. Par exemple, la barre des tâches de Windows 7 est plus grande que celle de Windows XP. En outre, l '"en-tête" d'IE6 est plus grand que celui de Chrome.

Quelle serait la hauteur de la fenêtre d'affichage disponible dans le pire des cas? (Fenêtre du navigateur maximisée sur 1366x768)?

(Pour Chrome @ Win7, c'est 667 pixels.)

Mise à jour: Je sais que j'aurais dû mentionner ces barres d'outils :). Permettez-moi de préciser: dans la vie réelle, les utilisateurs ne disposent d'aucune barre d'outils supplémentaire, ou ils ont une ou éventuellement deux barres d'outils supplémentaires au maximum.

Je vais calculer ces barres d'outils plus tard. Pour cette question, j'aimerais connaître le pire des scénarios sans barres d'outils supplémentaires présent dans le navigateur.

1
Šime Vidas

Je pense que vous feriez mieux de déterminer via javascript la résolution de l'écran et d'appliquer des hauteurs basées sur celle-ci, ou pour une barre de défilement sans javascript ni verticale, utilisez des pourcentages sur vos mises en page.

Essayer de coder pour une résolution spécifique semble être une tâche beaucoup plus difficile que l’une des précédentes.

btw, Scénario du pire scénario (mais @Itai m'a battu aussi).

enter image description here

semble être environ 150px :)

1
MikeM

Si vous avez entendu parler des barres d’outils, vous connaissez probablement le dans le pire des cas, très peu de pixels , le cas échéant. Je voudrais trouver quelque chose de raisonnable que vous êtes satisfait en termes de conception. Les utilisateurs peuvent également étendre la barre des tâches Windows à la hauteur souhaitée.

0
Itai