Code html dans en-tete adaptatif 
Auteur : Ginon Marie-raphaëlleBonjour à tous,
J'ai ce code à faire rentrer dans une case sur mon en-tête site adaptatif.
Si je diminue la taille des polices pour être okay avec portable, cela devient illisible et pas beau avec la vue ordinateur ou tablette même.
Si je laisse la taille normale elle est impeccable avec tablette et ordinateur, mais on ne verra que "berger" sur les portables !
Que puis-je faire ? Quelles solutions s'offrent à moi pour parfaire. Il est évident que j'ai essayé de grossir et diminuer le cadre mais ça ne sert à rien.
Puis-je créer deux codes html, un pour grand écran et un pour portable, mais mettre que l'un sur portable et qu'il ne soit pas sur les autres et vice-versa ? J'ai peur des doublons que ça foire complètement.
Merci de votre aide.
<h2 style="text-align: center; font-weight: bold; color: #000000; line-height:20pt; font-size: 16px; font-family: Georgia;">BERGER DE BEAUCE</h2>
<h2 style="text-align: center; font-weight: bold; color: #000000; line-height:20pt; font-size: 16px; font-family: Georgia;">BEAUCERON</h2>
<h2 style="text-align: center; font-weight: bold; color: #000000; line-height:20pt; font-size: 16px; font-family: Georgia;">BAS-ROUGE</h2>
<h3 style="text-align: center; font-weight: bold; color: #000000; line-height:20pt; font-size: 12px; font-family: Georgia;"><I>Noir/feu ou Arlequin,</I></h3>
<h3 style="text-align: center; font-weight: bold; color: #000000; line-height:20pt; font-size: 12px; font-family: Georgia;"><I>rustique de gros gabarit</I></h3>
Auteur
pj
Auteur
J'ai également essayé de changer dans le code html " line-height:20pt; font-size: 16px; " en diminuant, mais ça ne marche pas, ça change pour tout. Ce que je ne souhaite pas bien entendu.
La seule solution que je vois c'est de créer deux codes différents, mais peut-on supprimer l'un deux pour un post mais qu'il reste tel quel dans l'autre post ?
Merci de m'aider et d'apporter une solution à mon problème, je ne changerai pas mon en-tête et ma façon de faire qui a toujours réussi pour le référencement google.
(It > Fr) ... afin d'évaluer EXTRA la différenciation dans les points d'arrêt, vous devez publier le LIEN ...
... ou vous pouvez utiliser une mesure proportionnelle à la largeur de la fenêtre ...
... les balises H1 et H2 ne doivent pas être plus d'une.
... essayez ce code et vous comprendrez:
<h2 style="text-align: center; font-weight: bold; color: navy; font-size: 4vw; font-family: Georgia;">BERGER DE BEAUCE</h2>
<h3 style="text-align: center; font-weight: bold; color: blue; font-size: 4vw; font-family: Georgia;">BEAUCERON</h2>
<h3 style="text-align: center; font-weight: bold; color: brown; font-size: 4vw; font-family: Georgia;">BAS-ROUGE</h2>
<h4 style="text-align: center; font-weight: bold; color: green; font-size: 3vw; font-family: Georgia;"><I>Noir/feu ou Arlequin,</I></h3>
<h4 style="text-align: center; font-weight: bold; color: green; font-size: 3vw; font-family: Georgia;"><I>rustique de gros gabarit</I></h3>
.
ciao
.
Auteur
Bonjour KolAsim, un très grand merci ça marche à merveille, j'ai tout compris et au top même avec le changement de couleur, no problem.