responsive Image Effect CK
Salut,
Je viens de voir le poste suivant, mais je n'ai pas tout compris.
forum.joomlack.fr/index.php/image-effect...mage-effect-ck#58925
Sur la maquette de mon site creationweb-site.fr/Evolution_architectu...dex.php/arch-projets
Je souhaite adapter le titre et l'image en fonction d'un smartphone ou d'une tablette. les images utilisent l'effet effectck-flip-left
Sur PC, cela fonctionne parfaitement, mais sur un iPhone par exemple, le texte est tronqué.
Merci d'avance.
Je viens de voir le poste suivant, mais je n'ai pas tout compris.
forum.joomlack.fr/index.php/image-effect...mage-effect-ck#58925
Sur la maquette de mon site creationweb-site.fr/Evolution_architectu...dex.php/arch-projets
Je souhaite adapter le titre et l'image en fonction d'un smartphone ou d'une tablette. les images utilisent l'effet effectck-flip-left
Sur PC, cela fonctionne parfaitement, mais sur un iPhone par exemple, le texte est tronqué.
Merci d'avance.
by Strider
Please Log in or Create an account to join the conversation.
salut
en gros, tu utilises un code css avec media query (requete d'affichage) pour détecter la résolution de l'écran
là tu choisis ta résolution (tu peux créer plusieurs règles dans ta page)
pour cibler ton effet, ensuite tu peux ajouter comme ceci
ça va réduire la taille du texte en dessous de 920px de largeur d'écran (à adapter). J'utilise ici l'unité "vw" pour que la police soit proportionnelle à la taille de l'écran
CEd
en gros, tu utilises un code css avec media query (requete d'affichage) pour détecter la résolution de l'écran
Code:
@media screen and (max-width: 920px) {
...
}
pour cibler ton effet, ensuite tu peux ajouter comme ceci
Code:
@media screen and (max-width: 920px) {
figure.imageeffectck figcaption {
font-size: 1.5vw;
padding: 0;
}
}
CEd
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
J'ai donc insérer le code que tu m'a fournis, je vois les modifications sur mon Samsung GS6. Maintenant il faut que je teste un iPhone et un iPad. Je te dirais ce que cela donne. Merci pour tes explications.
by Strider
Please Log in or Create an account to join the conversation.
Time to create page: 0.722 seconds