Quelle valeurs media screen

Résolu
barale61 Messages postés 1326 Statut Membre -  
barale61 Messages postés 1326 Statut Membre -
Bonjour,

Je souhaite savoir quelles sont les valeurs standards à inclure dans les règles pour les media queries car moi, j'ai essayé celles-ci, mais elles ne sont apparemment pas suffisantes. 
@media (max-width: 768px) {
}
@media (min-width: 769px) and (max-width: 991px) {
}
@media (min-width: 992px) and  (max-width: 1023px){
}

puis le style par défaut . C'est d'après le framework bootstrap que j'utilise celles-ci. Il y a forcément des standards.

Je vous remercie de votre aide.

A voir également:

2 réponses

Réponse 1 / 2
Utilisateur anonyme
 
A vrai dire non il y a pas de standard, car les résolutions mobile sont trop différentes et nombreuse, en gros il faut faire des paliers qu'on pense correct, et adapté son contenu à ces résolutions. Il y a pas de valeurs miracles, tout le monde fais comme il le sent par rapport à son design.
2
ElementW Messages postés 5690 Statut Contributeur 1 224
 
À la multiplicité des résolutions d'écran il faut aussi ajouter tout ce qui est cadres autour de l'affichage de la page, comme les barres de titres, de menu, d'onglets, d'outils, et autres barre des tâches/statut.
0
animostab Messages postés 3003 Statut Membre 738
 
Salut
tu as le addon pour firefox webdeveloper qui permet de voir ton site avec les resolutions les plus courantes
webdeveloper / affichage / Voir les models adaptatifs
Après ces paliers de résolutions dépendent du design que tu veux pour ton site.
Meme avec media queries un design "fluide" dans chaque palier c'est mieux (width en %) car des résolution il en existe vraiment beaucoup sans compter l'orientation que ce soit en tablette ou smartphone
0
ElementW Messages postés 5690 Statut Contributeur 1 224 > animostab Messages postés 3003 Statut Membre
 
Accessoirement les addons de webdev sont devenus obsolètes pour la plupart depuis l'overhaul des outils de dev intégrés à FF... Car cette fonction est dispo en natif depuis, quoi, FF 21?
0
animostab Messages postés 3003 Statut Membre 738
 
Pour certaines fonctionnalité oui mais certaines fonctionnalité de webdeveloper ne sont pas présentes dans les outils dev natifs de ff
model adaptatif de webdeveloper affiche par exemple plusieurs fenêtres et développement web en natif une seul fenêtre redimensionnable.
C'est vrai que webdeveloper est un peu "vieux" dans son model conceptuel (meme si la dernière maj date de 2013) mais peux toujours rendre quelques services que n'offre pas dev de ff, notemment en webdesign.
0
Réponse 2 / 2
barale61 Messages postés 1326 Statut Membre 110
 
Merci à vous. J'utilise cette extension de firefox et celle de chrome qui est plus visuelle (window-resizer) et pour le reste, je me fie à bootstrap.css. Pour ma part, j'ai un peu tendance à faire un peur trop de media queries.
0

Discussions similaires

Snap média chargé
Tessfuen -
Lilith22h22 -

2 réponses
Comment envoyer un Snap violet avec ses vidéos ?
Nono -
Radinoz -

1 réponse