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