Fork me on GitHub

Rapport de message :*
 

Re: thème responsive

Titre du sujet : Re: thème responsive
par montuy337513 sur 27/10/2014 11:45:43

dans le <head> de ton thème, as-tu mis cette ligne (avant l'appel aux fichiers CSS)

<meta name="viewport" content="width=device-width" />


de plus je ferai appel a ton fichier mobile.css à la fin de ton fichier CSS. Pour la simple et bonne raison que le CSS est bête, c'est à dire qu'il applique la dernière valeur déclaré.

si tu déclare un font-size plus grand dans ton fichier CSS (sans fixé de largeur d'écran) ce sera cette valeur par défaut qui s'appliquera, pas celle déclarée.

et je te conseille aussi de faire attention à tes "media query"

@media only screen and (min-width480px) {

Veut dire s'applique a tout écran supérieur à 480 px de large, donc c'est à dire aussi aux écrans de PC.

@media only screen and (max-width480px) {

serai peut être mieux.
Et il ne faut pas avoir peur de spécifier plusieurs largeurs d'écran pour différents type de support.


Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

53 Personne(s) en ligne (37 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 53 | Plus ...