getBoundingClientRect()值在移动设备

时间:2017-10-25 11:03:47

标签: javascript android mobile device offset

Javascript的getBoundingClientRect()值在我的移动设备上大2倍。 如果您在桌面浏览器中运行以下代码,那么它是正确的。 然后运行代码,例如。在具有固定设备高度的响应式开发人员工具中 在chrome:640px高度,我向下滚动到底部,我重新加载它,看到-1936px。 如何在移动设备上获得正确的640 + - 10px值? 对于高分辨率显示器或任何其他因素,是否存在比率?

<html>
<body>
    <div id="output" style="width:100%; height:100%; background-color:green; font-size:30pt;"><script>document.write(document.getElementById('output').getBoundingClientRect().top);</script></div>
    <div style="height:100%; width:100%; font-size:30pt;">
    <script>document.write(document.getElementById('output').getBoundingClientRect().top);</script></div>
</body>
</html>

在我的HTCM9上,该值正好大2倍... 即使Jquery函数和其他解决方案似乎也不起作用。

enter image description here

0 个答案:

没有答案