尽管高清分辨率高，为什么屏幕分辨率与智能手机上的javascript屏幕宽度不同？

Question

var winsize = "Window size " + screen.width;

It would say 860 pixels when my phone resolution is 1440 x 2560 pixels even if browser is taking the whole screen rotated or not

Answer 1

Mobile devices have viewport scaling. They display pages in virtual pixel dimensions so that pages which use pixel values for sizing will still look reasonable on small displays.

Mobile devices tend to have extremely high pixel densities and without this viewport scaling, most of the web would be unreadable and unusable.

There are other Stack Overflow questions if you want to know how to deal with this issue:

• Get the browser viewport dimensions with JavaScript