如何使应用脚本网络应用显示为实际可用高度的100%?

问题描述 投票:1回答:1

我有this Apps脚本网络应用。它应该仅显示蓝色背景,即屏幕的视图高度的高度。

这里是代码

 <html>
  <head>
   <style>
     html, body {
       margin: 0px;
       height: 100vh;
       background-color:lightblue;
      }
   </style>  
 </head> 
 <body>
 </body>  
</html>

问题是主体未显示为可用视图高度的100%。这是因为某些视图高度已由“此应用程序是由另一个用户创建的”横幅占用的。

然后,滚动条出现在右侧(附有屏幕截图)。应用iframe高度的滚动条设置为100vh +横幅的高度。

因此,当我向主体添加大于视图高度的内容时,我将获得2个滚动条,一个用于主体(应该是),另一个用于iframe。使用户感到困惑。

有什么方法可以使iframe成为摆脱滚动条的高度?

将身高更改为小于100vh无效,也没有使用%或px单位。

note:我不是问如何删除横幅。我在问如何调整容纳主体的iframe的大小[[尽管横幅

感谢

编辑:在滚动屏幕截图之后添加,显示横幅从屏幕上消失。

EDIT2:啊...是的,IE和FF都不一样。似乎是Chrome专用的

enter image description here

enter image description here

css google-chrome iframe google-apps-script google-apps-script-web-application
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.