Viewport proportionale Dimensionierung

[beatovich]

hallo

@@marctrix

Wobei will man JS für Layout-Aufgaben?

Manchmal führt wohl kein Weg daran vorbei.

Hier ist mein aktuelles Problem:

#ex12{
	--var1:0.5;
	width:calc( var(--var1) * 100vw);
	height:calc( var(--var1) * 100vh);
	font-size: calc( var(--var1 ) * 3 * ( 1vw + 1vh ) );
}
~~~

Ich will aber, dass die Breite 100% des parent ist und die Höhe dann die Proportion des Viewports wiedergibt:

~~~~css
#ex12{
	--var1:1;
	width:calc( var(--var1) * 100%); /* einfach so breit wie der Parent*/
	height:calc( var(--var1) * 100% / 100vw * 100vh); /* proportional umgerechnet */
	font-size: calc( var(--var1 ) * 3 * ( 1vw + 1vh ) );
}
~~~

Geht so was mit CSS?



-- 
<https://beat-stoecklin.ch/pub/index.html>