Media-queries pour netBook et tablettes

Bonjour,

Je travaille sur un site qui ouvre une barre d'outil en haut de la fenêtre en mode édition. Celle-ci prend bc de place sur les netBooks et les tablettes puisqu'elles ont une faible hauteur.

Par contre, pour les écrans de 22 pouces et +, cette barre pourrait s'ouvrir plus.

Pour cela je pense utiliser la propriété height des Media Queries. Pour la propriété width, j'ai des repères de taille standard : largeur < 640px, > 800px, > 1024px et < 1280px.

Y a t'il les mêmes repères standards pour la hauteur en fonction des écrans ?

Par avance merci !

Bonjour,

Tu peux voir sur ce site quelques stats relative à la hauteur de ligne de flottaison.

http://whereisthefold.com/

Edit: avec le site ca va mieux
Modifié par rs459 (29 Jan 2011 - 17:36)

Salut,

Ta barre pourrait-elle éventuellement être en position fixed avec une hauteur en pourcentage (donc en pourcentage de hauteur de la fenêtre) ?

Oui, bonne idée pour les pourcentages.

Merci pour le lien !

C'est comme même étrange qu'il n'y ait pas de règles standard comme pour la largeur.

C'est malheureusement difficile à savoir ,

Firefox 150px de menu + 15/20 de barre d'état sur 3.6 et inferieur, idem sur IE
Google chrome 130, sans barre d'etat
safari aussi à peu prés pareil que chrome.
opera c'est un peu plus encore .

Sous chrome android c'est moins , safari mobile pareil.

Alors qu'en largeur , hormis la barre de scroll verticale qu'on a (obligatoirement sur certains IE <7) et qu'on a pas les largeurs sont identiques.