'I accidentally designed my webpages on zoom value of 80% on Chrome. How do I modify my CSS to adjust to 100% zoom?

As you can see below, this is how it looked while I was designing the page
80% : enter image description here

After finding out that I was on 80% all along, I had completed 90% of my CSS
100% : enter image description here

What can I do to my CSS to scale it in such a way that it looks like the first image at 100% zoom level?

cssreactjs


Solution 1:[1]

Check the meta attribute 'initial-scale' maybe it can help you. Otherwise i'm with Adesh just change everything manually. At the end you have a cleaner result.

Solution 2:[2]

You can use the zoom attribute in css -- https://developer.mozilla.org/en-US/docs/Web/CSS/zoom

body {
 zoom: 100%
}

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Chris Schober
Solution 2 dlarroder

Related Questions