[tuto] Réduire vos images automatiquement (responsive) [Réglé]
MickaelFR Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
babsolune Membre non connecté
Administrateur
- Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
Citation :
Pourquoi pas de % par contre? Il marche quand même pour le img?
Le fieldset j'ai mis 100% je crois pour l'éditeur de texte.
Pourquoi pas de % par contre? Il marche quand même pour le img?
Le fieldset j'ai mis 100% je crois pour l'éditeur de texte.
c'est la balise img qui ne supporte pas le max-width en % quand elle est dans un fieldset
pour l'iframe, à part mettre en largeur 100%, on ne peut pas faire grand chose vu que ça dépend de la hauteur du document, j'ai cherché du coté du javascript mais, rien trouvé de probant et encore moins en responsive, il faut adapter au cas par cas.
Pour Youtube, ça sera du 16/9, responsive, mais là encore, c'est arbitraire, 16/9 parce que le plus courant, mais si on poste une vidéo avec un autre ratio de format, ça matchera moins bien, toujours responsive mais moins bien.
ceci étant, une nouvelle balise arrive, surnommée Leeloo Dallas Multipass
MickaelFR Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
Même en mettant 100% sur Youtube (balise bbcode), ça ne donne rien, mais bon, on va attendre une MAJ
babsolune Membre non connecté
Administrateur
- Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
Si tu veux pouvoir mettre tes vidéos embarquées en responsive il faut les encapsuler dans une div dite "strechable", c'est à dire qu'on va forcer l'affichage de son contenu à "s'étirer" jusqu'aux limites de la div qui, elle, est par défaut en 100% donc peut s'adapter aux différentes résolutions d'écran et dont on défini la hauteur par un ratio appliqué à la marge intérieur basse (padding-bottom).
52.76% => ratio 16/9
75% => ratio 4/3
100% => carré
Tu as l'exemple appliqué aux vidéos du module Multimédia
par contre si tu le fais maintenant il faudra re-modifier à la prochaine version puisque ce système sera directement intégré aux balises.
Édité par babsolune Le 19/06/2018 à 05h15
MickaelFR Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
Pour le module multimédia, je peux pas dire, sur mobile, les vidéos ne s'affichent pas (le plugin ne gère pas le contenu ou quelque chose du genre).
Merci encore
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie