Gunnar Bittersmann: HTML 4 Seite komplett vergrößern

Beitrag lesen

@@Dani

Wie kann ich die gesamte Webseite vergrößern (die Breite), so das ich nicht alle "Container", Schriften, ... einzeln vergrößern muss?

Wenn es nicht über die Änderung der Basisschriftgröße geht, könntest du die ganze Seite in etwa so skalieren: body { transform: scale(1.4) }. Wahlweise (bedacht, nicht beliebig) auch für html, nicht body.

Dazu muss noch das Zentrum der Streckung in die linke obere Ecke (bei linksbündiger Seite) gelegt werden: transform-origin: left top (bei zentriertem body: transform-origin: center top).

Aber in allen relevanten Browsern testen, ob auch wirklich in alle Inhalte durch Scrollen zu erreichen sind!

Außerdem müsste für Mobilgeräte noch die benötigte Viewportbreite im HTML angegeben werden. Wenn die Seitenbreite bspw. auf 800 Pixel begrenzt war und nun um den Faktor 1.4 vergrößert wird also 800 × 1.4 = 1120: <meta name="viewport" content="width=1120, initial-scale=1.0"/>

LLAP 🖖

--
„Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
„Hat auf dem Forum herumgelungert …“
(Wachen in Asterix 36: Der Papyrus des Cäsar)