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函数和其他解决方案似乎也不起作用。