javascript – Browsers automatically zoom in on the page. How to fight?


After the advent of retina displays and other high resolution, small diagonal screens, over time, browsers began to zoom in on the page by default for high resolution screens. Now, if you look at the same page with the same screen resolution, but with different diagonals, the picture is very different in scale.

For instance:

a 15.6-inch screen with a physical resolution of 1920×1080 in Google Chrome is displayed as: 1536×759 .

As I understand it, this is due to:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0>

How to make the default size equal to the physical size for all types of devices except mobile? Or, if I don't understand something, please enlighten.


So that the scale does not increase, you can set the css property for all objects max-width: 1920 ;

Scroll to Top