Media querie non reconnue sur téléphone

Bonjour
Je viens d'essayer de mettre des medias queries pour les téléphones portables, mais bizarrement le code fonctionne sur FF de mon PC quand je redimensionne ma fenêtre mais ni sur Android nin sur Iphone
Est ce que je suis trompée quelque part?

@media screen and (max-width:500px){
body{
  margin:0}
  
#header{
  width:100%;}
  
#contact{ 
    margin: 0;
    padding: 60px 0 0 320px;
    width: 150px;
}

#logo{
  transform:scale(0.8);
  margin:9px 0 0 0 ;
  }
  #menu{
  width:100%;
  margin:30px 0 0 0 ;
  }
#menu li{
	float:none;
	margin:5px 0 0 0 ;
}

#bandeau-index{
	display:none;	
}
#conteneur1 {
	width:100%;
	margin: 280px 0 0 0;
	min-height:520px;
}
#txt_droit{
	float:none;
	padding-left: 10px;
	padding-top:5px;
}
#last_rea {
	margin-left: 10px;
	padding:0;
}

#reseau {
   height: 30px;
    margin: 5px 0 0;
    padding: 8px 0 0;
    text-align: center;
    width: 100%;
}
	
	
}

Merci
Nadege

Bonjour,

Peut-être en donnant plus de poids aux éléments et/ou en mettant une page en ligne.

Bonsoir,
avez-vous pensé à modifier la balise meta viewport?

Cordialement

Bonjour
Ah ben voilà c’était le premier site est j'ai oublié le viewport
Merci beaucoup
Nadege