Site compatible mobiles [Résolu/Fermé]

Signaler
Messages postés
1153
Date d'inscription
jeudi 13 décembre 2007
Statut
Membre
Dernière intervention
17 janvier 2021
-
 zdzd -
bonjour

je tente de m'exercer à faire un site internet compatible MOBILES.

Dans les tuto je retrouve des codes comme cici :

@media (max-width: 640px) { 

 body, element1, element2 { 
   width: auto; 
   margin: 0; 
   padding: 0; 
 } 

 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video { 
   max-width: 100%; 
 } 

....  

}


ce que je ne comprends pas c'est où je dois inscrire ce code ?
dans une feuille css nommée media.css , les crochets @media (max-width: 640px) {
}


deviennent rouges.

Pourtant j'ai bien relié le css à ma page html :

<link rel="stylesheet" href="media.css" />

Je vous remercie

1 réponse

salut,

un petite minute de recherche et j'ai trouvé ça:
(le 3ème lien est vachement complet):

https://www.google.fr/search?q=faire+un+site+pour+mobile&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:fr:official&client=firefox-a

plus particulièrement sur media en css:

http://www.alsacreations.com/article/lire/930-css3-media-queries.html