调整 Chrome 和 Edge 缩放

Question

I realized a little web site, when I run it on Mozzilla it is perfect, but when I run it on Chrome or Edge all pages are too big and I must to manually reduce the zoom for fix the problem. I know that the various browser use different engine, but I don't know what to do now, how can I reduce the zoom in the others browser?

Answer 1

You could achieve the goal using zoom CSS property. The property is not supported in Firefox , so you could use it to only affect Chrome and Edge. You could check the code below:

 div { margin-bottom: 16px; }.zoom { zoom: 75%; }

 <div>Normal</div> <div class="zoom">Zoom for Chrome, Edge, not for Firefox</div>