Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 不同设备上的滚动高度值不同_Javascript_Html_Css_Height - Fatal编程技术网

Javascript 不同设备上的滚动高度值不同

Javascript 不同设备上的滚动高度值不同,javascript,html,css,height,Javascript,Html,Css,Height,我有两个设备: 第一个(带扩展底座的平板屏幕):屏幕分辨率:1600 x 1200px 第二(笔记本电脑):屏幕分辨率:1366 x 768px 现在我有了一个包含内容的网站(在iframe中)。我使用以下代码确定内容高度: document.getElementById('id_iframe').contentWindow.document.body.scrollHeight; 在第一台设备上我得到了2026px的高度。然而,在第二个上,我只有870px。问题是我需要正确的内容高度,因为我想

我有两个设备: 第一个(带扩展底座的平板屏幕):屏幕分辨率:1600 x 1200px 第二(笔记本电脑):屏幕分辨率:1366 x 768px

现在我有了一个包含内容的网站(在iframe中)。我使用以下代码确定内容高度:

document.getElementById('id_iframe').contentWindow.document.body.scrollHeight;
第一台设备上我得到了2026px的高度。然而,在第二个上,我只有870px。问题是我需要正确的内容高度,因为我想放大iframe高度,这样我就不会在iframe上获得第二个滚动条

有人有主意吗?有什么不对劲吗?谢谢

编辑

正确的高度为2026px

其他信息

我在第一台设备上尝试了较低的分辨率(1280 x 768px),得到了与笔记本电脑相同的效果!所以我可以说问题在于屏幕分辨率



这可能也是我问题的答案吗

您可能有图像(没有设置高度)或其他内容在您选中
scrollHeight
时未加载。您应该检查iframe的
加载处的高度,以确定这是否是问题所在。当然,由于iframe中包含的元素的分辨率不同,因此包装等会导致不同的屏幕以不同的配置渲染它们,从而使它们的渲染高度不同?@t.niese:谢谢您的建议。但是,我会在加载iframe时检查高度,并额外等待0.5秒以加载图像。我也用5秒测试了它。因此,当我确定高度时,我确信页面已完全加载。@zuluk如果
iframe
具有初始固定大小,并且在哪个浏览器中可以看到该行为,则另一个有用的信息是。@t.niese:iframe的初始固定高度为2000px。浏览器是IE9.0.8。