Menu

La taille de la police ne change pas

philippef - 8 août 2018 à 10:34 - Dernière réponse :  philippef
- 8 août 2018 à 13:06
bonjour,
après avoir réussi à mettre une image en arrière plan j'ai un souci avec la taille de la police du titre du site.
je veux que mon site soit responsive!!!
dans le fichier index

<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/medias.css" />
...
<div id="b2">JUMELAGE <br> TROISSY ~ PARTENHEIM </br></div>

dans le fichier style.css

html, body {height:100%; border:0; font-size:1em; min-height:100%; padding:0; }
#global { width:80%; font-family:verdana; margin-left:auto; margin-right:auto;}

#b2 { width : 60%; float:left; text-align:center; color:#FFF; background-image:url("../images/vignes.jpg"); font-size:2.4em;}

dans le fichier medias.css

/* MEDIA */
img, object, embed, canvas, video, audio, picture {
max-width: 100%;
height: auto;
_width: 100%; /* IE6 seulement */
}
@media screen and (max-width: 1440px) {
html { font-size : 100%; }
body { font-size:.85em; }
#global { width : 80%; }
#b2 { font-size:2.4em; }
}
@media screen and (max-width: 425px) {
body { font-size:75%; } /* 75%*/
#global { width : 100%; }
#b2 { font-size:1em; }
}

pour la taille d'écran de 425px maximun : #b2 {font-size:1em; } ne réagit pas
merci de me dire ce qui ne va pas !!
Afficher la suite 

Votre réponse

1 réponse

Commenter la réponse de philippef