transform; scale

[marctrix]

Hej JürgenB,

body { transform: scale(0.8); transform-origin: left top }
@media screen and (min-width:40em) { body { transform: scale(1.0) } }
@media screen and (min-width:50em) { body { transform: scale(1.2) } }

Zusätzlich zu dem Kommentar von @Gunnar Bittersmann: so kommt es zu Sprüngen beim ändern der viewport-Größe. Ich denke es ist etwas komplizierter.

Das Layout sollte auf em/rem basieren, dann kann man die Schriftgröße im Root-Element auf so etwas wie calc(1em + .5vw) setzen. Wenn alle breiten in em angegeben werden, skaliert nun das gesamte Layout mit.

Der Sinn erschließt sich mir jedoch nicht so ganz. Besser wäre den Platz mit geschicktem Einsatz von Grid und/oder flexbox zu nutzen, um die Breite des Bildschirms auszunutzen. Schriften vergrößern können wohl alle, die darauf angewiesen sind…

Marc