手机浏览器的缩放问题，以及默认行为？

我的手机实际分辨率1080x1920
然后我写了一个网页，用alert弹出一下结果：
window.outerWidth: 360
window.outerHeight: 471
window.innerWidth: 980
window.innerHeight: 1283

谁能帮我解释一下怎么回事？

手机的分辨率貌似和屏幕的宽度没有什么联系吧，分辨率的会影响比如图片一些的失真，渲染的时候颗粒度看起来比较清晰，使图片显得不真实