SVW Units, Proportional Everything

Hi there. Brand new user here, coming from Webflow. I’ve been able to get some pixel-perfect scaling on my Webflow sites by sizing everything on the page with svw units. I don’t think you guys support them.

Other thoughts on how to get sizing to behave like a zoom lens where everything on the page scales proportional to the viewport width (or to the containing div’s width)?

SVW is supported, however, it doesn’t show up naturally within the input boxes. Just type svw/svh into the fields anyway, and if you like work with the custom css to implement it there. It definitely works as I use it occasionally

Thanks for taking the time to chime in, Marc.

Just to clarify: are you saying that if I enter svw units a field, it won’t work until I implement CSS to enable it?

I just mean that if you type 100svh into the height field in the builder, it doesn’t automatically pick it up IN THE FIELD like it does if you type px for example. However, it does work and if you feel a bit worried about that, you can check it in the css.

Holy crap, @Marc, this is amazing. It does indeed work. This is the only platform I’ve seen besides Webflow that supports this out of the box. Thanks so much for clue-ing me in.

Ah, let the newbie confusion continue…

See short screencast here.

Thoughts, @Marc ?

Hi,

Yea, using viewport based units in builder in possible, but with a bit of issue as you notice. Because we are using canvas, and its doing calculations based on 1920px, and when you go to smaller viewport, it still works like it is 1920px.

I know we had hard tiime figuring out this like 2-3 years ago when there was no AI to help, and it was hard math, so we didnt really invested tiime in that since it is very rarely used, but now wheres theres some beast AI’s such as Claude 3.7, I will see to attack this problem again, and we can try to make it work in builder, not only in preview :slight_smile:

And I will add svh and svw, didnt know they exist, need to reserach on that