關於手機螢幕解析度與手機瀏覽器解析度的差別
阿新 • • 發佈:2020-10-18
在除錯手機網頁時,發現手機螢幕解析度與手機瀏覽器解析度的差別,手機瀏覽器解析度是很小的,1080P的螢幕,手機瀏覽器的解析度寬度才360px。
通常這段程式碼可以測試螢幕解析度與瀏覽器解析度:
<script type='text/javascript'>
document.write("瀏覽器解析度是"+document.documentElement.clientWidth+""+document.documentElement.clientHeight );
document.write("螢幕解析度是"+window.screen.width+"
</script>
也發現了用chrome測試手機顯示效果也非常不錯
Nexus5的手機螢幕解析度是1080P,而瀏覽器解析度只有360px;
可以使用document.documentElement.clientWidth
獲取來列印。
轉載於:https://my.oschina.net/lyaohe/blog/390489