关于手机屏幕分辨率与手机浏览器分辨率的差别

为什么80%的码农都做不了架构师？>>>

在调试手机网页时，发现手机屏幕分辨率与手机浏览器分辨率的差别，手机浏览器分辨率是很小的，1080P的屏幕，手机浏览器的分辨率宽度才360px。 通常这段代码可以测试屏幕分辨率与浏览器分辨率： <script type='text/javascript'>

document.write("浏览器分辨率是"+document.documentElement.clientWidth+""+document.documentElement.clientHeight );

document.write("屏幕分辨率是"+window.screen.width+""+window.screen.height);

</script>

也发现了用chrome测试手机显示效果也非常不错

Nexus5的手机屏幕分辨率是1080P，而浏览器分辨率只有360px； 可以使用document.documentElement.clientWidth获取来打印。