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

在调试手机网页时,发现手机屏幕分辨率与手机浏览器分辨率的差别,手机浏览器分辨率是很小的,1080P的屏幕,手机浏览器的分辨率宽度才360px。
通常这段代码可以测试屏幕分辨率与浏览器分辨率:

<script type='text/javascript'>   
document.write("浏览器分辨率是"+document.documentElement.clientWidth+"*"+document.documentElement.clientHeight );   
document.write("屏幕分辨率是"+window.screen.width+"*"+window.screen.height);   
</script>

也发现了用chrome测试手机显示效果也非常不错
打开chrome手机浏览器模拟器

关于手机屏幕分辨率与手机浏览器分辨率的差别_第1张图片

关于手机屏幕分辨率与手机浏览器分辨率的差别_第2张图片

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

你可能感兴趣的:(浏览器分辨率)