Media queries

Fermé
kmorel - 11 août 2018 à 11:29
 kmorel - 11 août 2018 à 12:57
Bonjour les amis! j'ai un sérieux pb avec les media queries. quelque soit la manière dont je configure cela ne s'affiche jamais correctement. Besoin de votre aide. J'utilise les formats mobiles de google chrome pour tester mes queries mais quand je les essaie en vrai cela me donne quelque chose de totalement différent et qui ne s'adapte pas non plus a tous les navigateurs mobiles.
Merci d'avance pour votre aide
A voir également:

1 réponse

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
11 août 2018 à 12:32
Bonjour,

Déjà.. media queries = css .. je déplace donc ton sujet dans le bon forum.
Ensuite, sans savoir quelle code tu as testé.... impossible de te répondre.

NB: Pour poster ton code sur le forum, merci d'utiliser les BALISES DE CODE.
Explications disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code




0
voici mon code

@media all and (max-device-width:480px)
{

#last_call {display:inline-block; width:5%; position: absolute; vertical-align: top; top:35px; left:29%}
#last_cal {display:inline_block;width:5%; position: absolute; vertical-align: top; top:35px; right:30%}
header{width:130%}
header h1{font-size:2em}
header h2{font-size:1em;  
LEFT:9.5%; WIDTH:80%;margin-top:2.5%;
}
header p{font-size:0.9em; margin-top:1.5%}
.cri{font-size:0.8em;left:26.5%;margin-top:1.3%}
.salut{font-size:0.70em}



nav a{font-size:0.55em;}
.verset{font-size:0.8em}
.passages{font-size:0.45em; border:1px solid red;}
#feu2{width:50%;margin-left:0%}
SECTION{WIDTH:80%; margin-top:3%;margin-left:10%;}


section li{font-size:0.9em}
.lettre{font-size:0.7em}
.recrutement{font-size:0.65em;}
.arche p{font-size:0.5em}
.ucara p{font-size:0.5em}
.dadr{font-size:0.8em}
.h3{font-size:1.9em;}
.dad-reveil p {font-size:0.75em}
body{background: url("images/lampe2.jpg") fixed no-repeat center  black}


.aside2{margin-left:0%;}



.contacts{font-size:0.8em;}


0