How to fix website zoom in when windows scaling is set to 150% by default

I design webpages at 100% zoom percentage. Now the problem is, windows OS sets its display scaling to 150% by default. which open any website at 150% zoom in. Its causing some misalignment on the layout. I wanted to know how others handle this particular scenario?

2 Likes

you can detect the specific pixel ratio and then zoom out everything
@media(-webkit-device-pixel-ratio:1.25){ *{ zoom: 0.8; } }

3 Likes

Thanks Akash, Does this work for all the browsers?

1 Like

I am not sure about that @Nirbhay_Singh just give it a try :wink:

1 Like

this is nice

1 Like