Ich erstelle eine adaptive / responsive Website.

In Bezug auf diese kürzliche Änderung des HTML5BP:

"Mobile / iOS CSS-Versionen"

Ich habe angefangen mit:

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

... und das habe ich in meinem CSS:

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

Wanninitial-scale=1 Das Drehen von vertikal nach horizontal (auf dem iPad / iPhone) führte zu einer Änderung des Layouts von 2 Spalten (zum Beispiel) auf 3 Spalten (aufgrund von Meida-Abfragen).initial-scale=1 undJS-Fix für Fehler bei der Skalierung von Ansichtsfenstern).

ZusammenfassenIm Querformat wird die Seite folgendermaßen gezoomt:

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

... und das tut nicht:

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

Hinweis: Sie können diesen Zoomeffekt in Aktion sehen, wenn Sie dieHTML5BP-Website auf einem iPad / iPhone.

Meine Fragen:

Wird dies der neue Standard (d. H. Zoom im Querformat)?Ich habe verdammt viel Zeit damit, meinen Kollegen und Vorgesetzten diese Änderung zu erklären ... Sie sind es gewohnt, im horizontalen Modus ein anderes Layout zu sehen. jetzt, da die Seite gezoomt wird und das Layout gleich bleibt (außer es ist größer). Irgendwelche Tipps, wie man dies den unwissenden Massen erklärt (von denen ich eingeschlossen sein könnte)?

@robertc: Danke! Das ist sehr hilfreich.

Ich mag es wirklichnicht mit deminitial-scale=1; Es sind meine Kollegen, die es gewohnt sind, dass sich das Layout ändert, anstatt zu zoomen. Ich bin sicher, ich werde es seingezwungen hinzufügeninitial-scale=1 nur um allen zu gefallen (weilnicht Zoomen und das Ändern des Layouts sind sie gewohnt.

Mir ist gerade das HTML5BP aufgefallenindex.html auf Github, undDie Webseitewurde verwendet<meta name="viewport" content="width=device-width">; Für mich ist das ein guter Grund, Schluss zu macheninitial-scale=1, aber ich werde hochgezogen Augenbrauen, wenn ich versuche, zu erklärendiese Dinge zu den "Nicht-Geeks". : D