[Résolu] Styler la version mobile
2 participants
Page 1 sur 1
[Résolu] Styler la version mobile
Bonjour,
Avec l'aide de http://jimdo.github.io/mobile-view-tool/ , j'ai stylé ma version mobile. J'ai toutefois ajouté quelques lignes de codes afin de corriger certains manquements au niveau du footer.
Toujours au niveau du footer, le fond blanc par défaut de notre version mobile entache les boutons "retour en haut de page" et "version standard".
Pour corriger cela, il est nécessaire d'attribuer la même couleur d'arrière-plan qu'au footer pour la version mobile.
Ne parvenant pas à trouver un code spécifique à la version mobile avec l'inspecteur, j'ai mis cela, trouvé dans l'aide Jimdo :
Ça marche tellement bien que ça s'applique aussi sur la version standard
Il y aurait-il un moyen de dire : Background à ne mettre QUE sur la version mobile ?
Avec l'aide de http://jimdo.github.io/mobile-view-tool/ , j'ai stylé ma version mobile. J'ai toutefois ajouté quelques lignes de codes afin de corriger certains manquements au niveau du footer.
Toujours au niveau du footer, le fond blanc par défaut de notre version mobile entache les boutons "retour en haut de page" et "version standard".
Pour corriger cela, il est nécessaire d'attribuer la même couleur d'arrière-plan qu'au footer pour la version mobile.
Ne parvenant pas à trouver un code spécifique à la version mobile avec l'inspecteur, j'ai mis cela, trouvé dans l'aide Jimdo :
- Code:
<style type="text/css">
/*<![CDATA[*/
element.style {
zoom: 1;
}
@media (max-width: 3000px) {
body {
background: #403B3F !important;
}
}
/*]]>*/
</style>
Ça marche tellement bien que ça s'applique aussi sur la version standard
Il y aurait-il un moyen de dire : Background à ne mettre QUE sur la version mobile ?
Dernière édition par Solie le Jeu 10 Sep 2015 - 20:25, édité 1 fois (Raison : Ajout de la balise [Résolu])
Re: [Résolu] Styler la version mobile
Le @media correspond à une grande largeur (3000px)
baisse cette largeur, et cela ne fonctionnera que sur les petits écrans.
Sinon, il me semble qu'il y a une balise pour mobile, à mettre devant les valeurs
baisse cette largeur, et cela ne fonctionnera que sur les petits écrans.
Sinon, il me semble qu'il y a une balise pour mobile, à mettre devant les valeurs
Re: [Résolu] Styler la version mobile
Ok, je vais baisser à 1000px !
Si tu tombes sur cette balise un de ces quatre, je serais ravie que tu la déposes ici.
J'ai carrément baissé à 800px, la version standard a retrouvé son background original !
Merci
Si tu tombes sur cette balise un de ces quatre, je serais ravie que tu la déposes ici.
J'ai carrément baissé à 800px, la version standard a retrouvé son background original !
Merci
Re: [Résolu] Styler la version mobile
J'ai retrouvé l'article, en fait existe des tas de façons de préciser en fonction du périphérique. On voit souvent une combinaison de "@media screen" ou "only screen".
Je ne connais pas bien cet aspect du html. il est possible de combiner des conditions pour préciser, à l'aide d'opérateur booléen. Au final, tel ou tel navigateur fera la fine bouche… Aussi cela n'est pas entièrement fiable sans doute.
à voir ici entre autres :media queries
Je ne connais pas bien cet aspect du html. il est possible de combiner des conditions pour préciser, à l'aide d'opérateur booléen. Au final, tel ou tel navigateur fera la fine bouche… Aussi cela n'est pas entièrement fiable sans doute.
à voir ici entre autres :media queries
Re: [Résolu] Styler la version mobile
Merci pour cet article, notamment la possibilité de spécifier une action pour le mode landscape ou portrait... Très intéressant ! J'ai bien compris le Max et le Min du width pour mobile à présent. J'aurais même pu descendre à 600px
Merci Fred
Merci Fred
Sujets similaires
» bug liens internes sur version mobile (résolu)
» [Résolu] Modifier le titre du header de la version mobile
» Version mobile et footer
» Logo version mobile
» Modifier la version mobile.
» [Résolu] Modifier le titre du header de la version mobile
» Version mobile et footer
» Logo version mobile
» Modifier la version mobile.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|