'How to understand the css px and device resolution?

enter image description here

enter image description here

enter image description here

I have two screens with different resolutions. The high-resolution one has a resolution of 2560*1600, and the devicePixelRatio is 2, But why the CSS width is 1440px? Shouldn't it be 1280px?

So finally, I found that the screen display resolution is zoomable. So 1440 is the display resolution related. But why the devicePixelRatio is fixed to 2?

cssfrontend


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions