mobile reagiert nicht funktioniert, wenn gedrehte Landschaft

Question

So unsere Website ist in den letzten Phasen, bevor wir es leben lassen, aber wir haben gerade festgestellt, wenn wir Handy reagierten alles funktionierte gut, bis wir das Handy in Querformat gedreht und es gedreht zeigte die gleichen Stile wie auf einem Desktop und die Responsive Media Wearies funktionierten nicht! Responsive-Code ist wie folgt:

@media screen and (max-width:600px){ 
 
.stats{ 
 
    display:none; 
 
} 
 
}

kann jemand bitte helfen?

Answer 1

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

zwischen Kopf-Tags hinzufügen, so dass Sie Ihre Medien-Abfrage als

@media screen and (max-width:767px){ 
    .stats{ 
    display:none; 
    } 
} 

für mobile Geräte (Handys) bekommen können

richtige Breite von mobilen Geräten ( https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag) und ändern

Answer 2

Ein Querformat ist größer als 600 Pixel. Wenn Sie chrome, dev tools, verwenden, ändert sich bei der Größenanpassung des Ansichtsfensters genau die Pixelanzahl, die sichtbar ist.

Von der Spitze weg von meinem Kopf, würde ich sagen, dass Sie Ihre Medienabfrage zu ändern;

@media screen and (max-width:787px){ 
.stats{ 
    display:none; 
} 
}