Ipad de centrage en mode portrait, fonctionne en mode paysage

Question

Je suis à l'aide d'un css media query pour détecter mode portrait, sur un iPad et d'appliquer un centrage de style à une balise div avec le service fixe ou le positionnement absolu, j'ai essayé les deux, en vain.La requête fonctionne mais le div ne centre en mode portrait.Il centre parfaitement bien dans le paysage.

vous pouvez consulter le site vivre à http://goodmorningmoon.ca pass:springy88

Voici mon code

    @media only screen and (max-device-width: 1024px) and  (orientation:portrait) { 
    #logo{ position:absolute; left:50%; width:160px; margin-left:80px;}

}

Merci!à l'avance.

Answer 1

Je manquais le symbole-ouch oops

@media only screen and (max-device-width: 1024px) and  (orientation:portrait) { 

    #logo{position:absolute; width:160px; margin-left:-80px; left:50%; }

}

Answer 2

votre requête à l'aide de la max-device-width - et cet attribut fait référence à la périphériques screen-width;il ne changera pas fondée sur l'orientation ou la taille de votre fenêtre.L' max-width désigne le navigateur de la fenêtre et dans ce cas vous donner le résultat souhaité.

Vous pouvez en lire plus sur ce sujet ici