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?
3 Answers
You might want to check the viewport meta tag. It can help with scaling, though it’s mainly for mobile devices. For browsers on PC, that approach doesn't seem to work effectively.
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