I'm trying to get the same visual effect that happens when I zoom out my browser window to 80%. I tried using CSS with `transform: scale(0.8);` and `transform-origin: top center;`, but it just squishes everything without adjusting the container sizes. When I zoom out in my browser, the layout and boxes resize, which is what I want. Is there a way to set the page to show at 80% zoom by default?
2 Answers
Did you consider adding a transition? It can smooth out the changes in CSS properties when you scale. It might help with how it looks overall.
What exactly are you trying to transform? Is it a div or the entire body? Depending on that, the results can vary.
Related Questions
Cloudflare Origin SSL Certificate Setup Guide
How To Effectively Monetize A Site With Ads