嗨,我想根据屏幕的大小来设置iframe的css高度,但是我不知道该怎么做。

CSS:

#iframeplate{
  width:100%;
  height:200px;
}


HTML:

<body onload="setGround()">
  <iframe id="iframeplate" class="idIframe"  frameborder=0 border=0   width="100%"  scrolling-y="no"  src="#">
  </iframe>
</body>


JS:

<script type="text/javascript">

function setGround() {
  var groundElement = document.getElementById('iframeplate');
  groundElement.style.height = getWindowHeight() + 'px';
}
}

</script>


谁能看到为什么这行不通?还是有更好的想法?

最佳答案

错误是getWindowHeight的方法,没有输出。

尝试这个:

groundElement.style.height = window.screen.availHeight + 'px';

10-01 01:14