使用iframe-resizer获取视口尺寸

时间:2017-04-28 16:09:40

标签: iframe-resizer

我有iframe-resizer运行良好,除了我在iframe内容中确定视口宽度/高度时遇到问题。我发现我可以调用parentIFrame.getPageInfo(callback),但我回来的对象看起来像这样:

{
  clientHeight: 6009,
  clientWidth: 1680,
  iframeHeight: 5968,
  iframeWidth: 1230,
  offsetLeft: 0, 
  offsetTop: 40,
  scrollLeft: 0,
  scrollTop: 580
}

我希望clientWidthclientHeight成为窗口视口宽度/高度。 clientWidth看起来正确,但clientHeight看起来像iframeHeight + offsetTop + 1px,而我的浏览器窗口高度约为1000像素。我误解了clientWidth / clientHeight的含义或我做错了什么?

1 个答案:

答案 0 :(得分:1)

我发现问题是主页没有在其页面顶部设置DOCTYPE。将<!DOCTYPE html>添加到页面顶部后,就可以了!