Texte adaptatif ![fr](https://d33s48lcrmbkow.cloudfront.net/1x1.png)
Auteur : E-mage Concept
Visité 266,
Followers 1,
Partagé 0
Bonjour,
Lorsque j'insère un objet texte dans lequel j'insère un contenu de taille 100, par exemple, j'ai toujours le même problème. En mode adaptatif, au niveau des affichages inférieurs, ce texte n'apparait jamais en entier. Bref, il ne s'adapte pas !
Quelqu'un a-t-il une solution (rapide à mettre en oeuvre) à me proposer ? Merci
JJ
Posté le
Hello JJF,
J'ai retrouvé cette ancienne discussion... A toutes fins utiles ?
https://helpcenter.websitex5.com/fr/post/238407
@Suivre,
J.P.
Auteur
Un grand merci, J.-P. !
Entre temps, j'ai aussi trouvé une solution une solution. J'ai écris ce code à insérer dans un objet de code HTML.
1/ Code HTML :
<div class="responsive-title">
<b>AFFICHER <span class="highlight">UN TITRE</span><br> RESPONSIVE<br> SUR VOTRE SITE</b>
</div>
2/ Code CSS :
.responsive-title {
color: #FFFFFF; text-shadow: 0.05em 0.05em 0.05em #CCCCCC;
text-align: center;
}
.responsive-title .highlight {
color: #88cbc6; /* Highlighting the word "UN TITRE" */
}
@media screen and (max-width : 640px)
{
.responsive-title
{
font-size : 40px; /* 1 * font-size du html */
}
}
@media screen and (min-width : 719px)
{
.responsive-title
{
font-size : 70px;
}
}
@media screen and (min-width : 1200px)
{
.responsive-title
{
font-size : 100px;
}
}