Search code examples
htmlcssreactjsmeta-tags

Manipulation the zoom property in CSS3

I want my React app will be seen as the same as when a user changes the zoom level to 90%. I tried that issue with CSS

body { transform: scale(0.9); }

but in this way, the screen is not similar to zoom level changes. I tried applying my desire size by meta tag, but it wasn't successful.

<meta name="viewport" content="width=device-width, initial-scale=0.9"/>
Solution

  • use the css zoom property to set your default zoom value. Here's the css demo code. 

    #my{
zoom: 100%;
}