Ich habe festgestellt, dass sich manchmal die Textgröße und/oder der Zeilenumbruch ändert, wenn ich eine Webseite in Safari auf dem iPhone durchsuche und die Ausrichtung von Hochformat auf Querformat ändere.
Zum Beispiel können im Hochformat 10 Wörter auf einer Zeile stehen, aber wenn ich es seitwärts drehe, ändert sich die Textgröße und es gibt vielleicht 8 oder 12 Wörter auf dieser Zeile. Wenn ich es wieder auf Hochformat drehe, bleibt es normalerweise bei dieser Zahl, anstatt auf 10 zurückzugehen.
Ich erinnere mich nicht an konkrete Beispiele aus der Hand, aber es waren nur normale Websites (keine mobilen Versionen). Der Text schien sich in einer festen Spalte zu befinden, er wurde nicht nur auf die gesamte Fensterbreite umgebrochen.
Kann jemand erklären, auf welche Weise dies geändert oder bestimmt wird?
[Außerdem konnte ich keine 'Safari'- oder 'Zoom'-Tags erstellen]
Hier eine Schätzung:
Die Website, die Sie wahrscheinlich ansehen, hat ein sogenanntes Liquid-Layout , was bedeutet, dass sich der Inhalt ausbreitet, um seinen Container zu füllen. Wenn Sie also das Telefon drehen, ändert sich die Breite des Ansichtsfensters von der schmaleren Breite im Hochformat in die viel längere Breite im Querformat. Der Text selbst ändert also möglicherweise nicht die Größe, die Webseite passt sich nur an die neue Fenstergröße an.
Glücklicherweise hat der obige Link auch ein flüssiges Layout, sodass Sie dies in Aktion sehen können. Nehmen Sie das Fenster auf Ihrem Computer und verkleinern Sie seine Breite. Sie werden feststellen, dass sich der Text an die neue Containergröße anpasst. Es ist also die Webseite (genauer gesagt das CSS), die bestimmt, wie der Text umbrochen wird.
tl: dr
CSS hat es geschafft.
Verärgerte Ziege