Ich habe eine Responsive-Website erstellt, die Desktop- und mobile Versionen unter Verwendung von @media enthält. Alles funktioniert perfekt, außer wenn Sie die Website auf einem Landschaftstelefon oder auf einem iPad ansehen.Die Website wird nicht korrekt skaliert, wenn sie auf den Telefonen in Landscape geschaltet wird
Hier ist die Website: http://netcomtb.esy.es/home.html
Wenn Sie f12 drücken und die Seite in Handy sehen es gut aussieht, aber wenn man es in ipad sehen, oder jede Landschaft Telefon werden Sie sehen, was ich meine, ich weiß nur nicht, wie man es erklärt, also ist es ziemlich schwierig, eine Lösung zu finden!
Das erste Bild ist, wie die Desktop-Version der Website aussieht, das zweite Bild ist, wie die mobile Website auf einem Nexus 6P aussieht, und das dritte Bild ist, wie die Website aussieht, wenn das Telefon im Querformat ist .
Ich könnte nicht 3 Bilder hochladen, damit ich alle 3 in die gleiche stecken:
Willkommen bei StackOverflow! Leider ist deine Frage nicht sehr klar. Was ** genau ** ist das Problem? Auf dem Handy sehe ich den zweiten Abschnitt nur mit 25% Breite. Ist das das Problem? Auf iPad überlappt der Inhalt leicht die Kopfzeile? Ist das das Problem? Wir können nicht sicher sein, was das Problem ist, da wir nicht wissen, welchen Blick Sie versuchen ** zu erreichen. Bitte aktualisieren Sie Ihre Frage so, dass Sie das gewünschte Aussehen deutlich angeben und was nicht erwünscht ist. Weitere Informationen finden Sie im [Hilfeartikel] (http://stackoverflow.com/help/how-to-ask), wie Sie gute Fragen stellen können :) –