iPhone 5 zoomt nicht auf Laden der Seite

Question

Ich habe gerade eine Website erstellt, die für Mobilgeräte optimiert wurde. Allerdings habe ich eine minimale Breite auf der Seite auf 350px eingestellt, die 30px größer als ein Iphone 5s-Bildschirm scheint.

Um dem entgegenzuwirken versuchte ich

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

und

<meta name="viewport" content="width=350, initial-scale=1, maximum-scale=1" /> 

sowie andere Varianten zu setzen, um die maximale Skala einschließlich Entfernen ursprünglichen Maßstab

rollier Benutzer hinzufügen Wenn ich Entfernen Sie sowohl die Anfangs- als auch die Maximalwerte und verwenden Sie die Gerätebreite. Sie wird auf dem Bildschirm angezeigt, wird aber erweitert, sobald die Seite geladen wurde

Egal was ich versuche, ich bekomme immer das Scrollen auf dem iPhone. Wer weiß, wie man die Seite startet, damit es auf dem Bildschirm passt (ohne das Layout für andere Handys zu brechen)

Answer 1

Ich habe festgestellt, dass, wenn meine Mindestbreite für einige Bildschirme zu groß ist, ich

verwenden muss

<meta name="viewport" content="width=device-width"> 

Und dann folgendes zu meinem CSS hinzufügen:

@media (max-width: 350px) { 
    @viewport { 
    width: 350px; 
    } 
} 

Wo 350 die min-Breite des Aufstellungsortes ist