'DevicePixelRatio doesn't match expectations
I have monitor with native resolution 3072 width and 1920 height of physical pixels. However I use scaled version (1792 x 1120). I have created a simple site containing div styled with height: 1120px;. Opening site in full screen mode without any browser's headers covers my screen in exactly 100%. As MDN states:
The devicePixelRatio of Window interface returns the ratio of the resolution in physical pixels to the resolution in CSS pixels for the current display device.
So I looked at devTools console and I see that for me window.devicePixelRatio = 2. And now I wonder if my devicePixelRatio shouldn't be equal 1920/1120 instead of 2? If it really is 2 then my native height resolution should be 2240 physical pixels.
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|