2017-07-07 2 views
0

Ich benutze @media screen and (max-width: 600) auf meiner Website. Aber mein iPhone reagiert nicht darauf. Er zeigt die vollständige Site an, wie es mein Desktop-Browser tut. Ich habe diesen Code-Snippet:Ich kann keinen echten Wert der Bildschirmbreite auf meinem Handy

alert(document.documentElement.clientWidth); 
alert(window.innerWidth); 

Wenn ich über meinen Desktop-Browser auf die Website gehen, es tatsächliche Breite von meinem Fenster zeigt. Aber wenn ich es über mein iPhone mache, sagt es immer, dass die Bildschirmbreite 980 ist, beide Warnungen. Warum passiert das? Was von @media kann ich meine Website verantwortlich verwenden zu machen, weil (max-width) und (width) Arbeit nicht mich für mich

Antwort

0
<meta name="viewport" content="width=device-width, initial-scale=1"/> 

Dies trug dazu bei.

Verwandte Themen