Javascript可以使用screen.width和screen.height检测设备屏幕的宽度和高度。
例如，这个简单的代码将屏幕宽度和高度返回到控制台：
var screenSizeX = screen.width;
var screenSizeY = screen.height;
console.log("Screen width is " +screenSizeX);
console.log("Screen height is " +screenSizeY);
了解热门设备屏幕的正确宽度和高度对确定Media Queries组织CSS的方式有很大帮助。但是，Javascript检测到的内容与制造商在销售文献中报告的内容之间存在巨大差异。
示例1：在Samsung S7 Edge Javascript上返回640px的宽度和360px的高度。但是根据制造商的说法，宽度为2560px，高度为1440px，每英寸534像素。
示例2：在iPhone 7 + Javascript上返回宽度为736px，高度为414px。然而根据Apple的说法，宽度为1920px，高度为1080px，每英寸401像素。
如果没有拥有设备并使用Javascript进行检查，这会使设备的真实屏幕宽度和高度成为一个谜。
与制造商统计数据相比，为什么Javascript会返回如此大不相同的数字？是否有基于数学或代码的方法来纠正这些差异？