Media queries |
Répondre | Page 12> |
Auteur |
Sujet Recherche Options des sujets
|
Bridet
Senior Member Depuis le: 13 Dec 2013 Pays: Condroz Status: Inactif Points: 5049 |
Options des messages
Thanks(0)
Envoyé : 20 Feb 2019 à 10:52 |
Bonjour, J'ai compris qu'on crée une page responsive "par défaut" Mais comme de temps en temps il faut que les panneaux d'éléments s'adaptent différemment pour les mobiles, ok on sélectionne et on adapte, c'est génial. Mais il y a tellement de types de médias proposées que je me demande si il faut TOUTES les envisager, donc les modifier ? En fait peut-on préciser à un endroit que tous les mobiles fonctionnent comme ...
Edité par Bridet - 20 Feb 2019 à 11:11 |
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6513 |
Options des messages
Thanks(0)
|
Bonjour,
En cliquant sur Media Edition puis sur Ajouter un média, on voit la liste des médias proposés. En cliquant sur le premier on voit la syntaxe css : only screen and (max-width: 1199px) Cette syntaxe signifie tout ajustement affectera l'affichage de tous les médias de 1199 pixels de large et moins. Le reste a été monté de ma même façon: only screen and (max-width: 767px) et only screen and (max-width: 480px)
Edité par Hobby001 - 20 Feb 2019 à 12:29 |
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6513 |
Options des messages
Thanks(0)
|
Donc un changement appliqué au premier affecte automatiquement les deux autres.
|
|
Bridet
Senior Member Depuis le: 13 Dec 2013 Pays: Condroz Status: Inactif Points: 5049 |
Options des messages
Thanks(0)
|
Super ! Merci! Ceci dit, ça n'a pas tout à fait l'air d'être le cas (ne rentrons pas dans les détails) mais je progresse ! |
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6513 |
Options des messages
Thanks(0)
|
On peut aussi ajouter un nouveau media pour tout équipement en orientation portrait en ajoutant le code suivant:
only screen and (orientation: portrait ) ce nouveau média permet de gérer d'un coup toutes les tailles d'écrans en autant que leur orientation soit portrait
Edité par Hobby001 - 20 Feb 2019 à 19:39 |
|
Bridet
Senior Member Depuis le: 13 Dec 2013 Pays: Condroz Status: Inactif Points: 5049 |
Options des messages
Thanks(0)
|
Bon, c'est laborieux car en fait les changements en amont ne se répercutent pas. Maintenant à quoi sert de faire un site responsive s'il faut envisager (modifier) TOUS les cas de support? Bref, si je fais ce que tu conseille je peux me contenter du "par défaut" qui couvre finalement pratiquement tous les supports grands ou horizontaux (dans mon cas), puis je fais un spécial portrait (souriez !) et basta pour les vieux smartphone ... Non? Comme je suis en train de martyriser son template senshouse, Brolysan peut répondre d'autant que je n'ai pas l'impression qu'il a vraiment envisagé tous les médias dans le détail (ou en tout cas, le fait qu'il l'ait fait empêche la reproduction automatique de modifications, un peu comme avec les langues). |
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
Il existe maintenant tellement de variantes que l'on pourrait passer de 5-6 média éditions à 15 sans aucun souci. Mais qui multiplication des média éditions, dits plus de temps à modifier un template.
C'est un libre choix de chacun la aussi. |
|
Bridet
Senior Member Depuis le: 13 Dec 2013 Pays: Condroz Status: Inactif Points: 5049 |
Options des messages
Thanks(1)
|
Ben oui mais à quoi sert de faire un site responsive alors ?
|
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
la majorité des média éditions présents dans OE suffisent à 99%. Ce qui peut demander des améliorations,c 'est lorsque l'on passe en mode paysage et celui ce que l'on veut faire en fait.
C'est de ca que je parle, par dans le cas d'une largeur précise en mode portrait. Quel est ton souci en fait, que tu évoques dans le template? Ca m'étonne quand même... |
|
Goetheus
Senior Member Depuis le: 05 Juil 2015 Pays: France Status: Inactif Points: 125 |
Options des messages
Thanks(0)
|
Il faut penser le site en amont pour avoir à modifier les Media Queries le moins possible.
Il faut prendre l'habitude de dessiner les pages (un papier et un crayon suffisent) avant de se lancer dans la création pure et dure. Ca permet alors de prévoir, entre autres choses, où vont aller les éléments lorsque la taille de l'écran rétrécira. |
|
Répondre | Page 12> |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |