Wie kann man den Inhalt in sichtbaren Bereiche des zoomierten mobilen Browsers einfügen? ⇐ CSS

[Anonymous]

Gibt es eine einfache Möglichkeit, HTML -Inhalte in den sichtbaren Teil eines Telefonbildschirmbrowsers einzubeziehen, wenn sie in Zoomen eingezoomt werden? Einschränkungen:

[*] Anpassungen visuell Ansichtsfenster (nicht Layout -Ansichtsfenster)
[*] Anpasst Breite (vertikales Scrollen OK, kein horizontales Scrollen sollte nur notwendig sein)
html & css /> auf mobil < /strong> (Telefon) Browser < /li>
Wenn in (per Pinch) zoomt (durch Pinch) < /li>
< /ul>
Wenn beim Pinch-Zoom wachsen und nachdenken, sollten Sie nach Bedarf auf dem von einer Seite zu sieben sichtbaren Bildschirm bleiben. Stimmen Sie an, wie Desktop -Browser auf natürliche Weise zur Breite des Displays passen: Block Elemente zum Fenster. 100VW und Breite: 100%; Position: Erreichen Sie nicht den gewünschten Effekt, da sie das Layout -Ansichtsfenster entsprechen. (Zumindest im Jahr 2025 haben sich ältere Browser möglicherweise anders verhalten.) < /P>
Beispiel: < /p>

Code: Select all

p { border: thick solid black; }

/*
Add styling to make the  tag fill the screen width at all zoom levels on
iPhone and Android browsers. Changing HTML and CSS is ok, adding JS is not.
*/




This box should expand and contract with zoom so that it fills the screen
from side to side and both sides are always visible.