Quelle valeurs media screen

Résolu/Fermé

barale61 Messages postés 1208 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 4 novembre 2024 - Modifié par barale61 le 25/07/2015 à 17:15
barale61 Messages postés 1208 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 4 novembre 2024 - 26 juil. 2015 à 16:13

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:

All screen media avis
Winget upgrade --all - Guide
Blue screen windows 10 - Guide
Apowersoft screen recorder - Télécharger - Capture d'écran
Media creation tool - Télécharger - Systèmes d'exploitation
Ps3 media server - Télécharger - Divers Réseau & Wi-Fi

2 réponses

Réponse 1 / 2

Utilisateur anonyme
25 juil. 2015 à 17:26

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.

ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 228
25 juil. 2015 à 20:46

À 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.

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
26 juil. 2015 à 12:27

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

ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 228 > animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019
26 juil. 2015 à 14:09

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?

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
Modifié par animostab le 26/07/2015 à 14:39

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.

Réponse 2 / 2

barale61 Messages postés 1208 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 4 novembre 2024 110
26 juil. 2015 à 16:13

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.

Discussions similaires

Snap média chargé

Checking media presence… media present