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

在调试手机网页时,发现手机屏幕分辨率与手机浏览器分辨率的差别,手机浏览器分辨率是很小的,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获取来打印。

转载于:https://my.oschina.net/lyaohe/blog/390489