У меня есть это Apps Script веб-приложение. он должен просто показать синий фон, который является высотой высоты экрана.
Вот код
<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 единицы.
примечание: Я не спрашиваю, как удалить баннер. Я спрашиваю, как изменить размер фрейма, в котором находится тело , несмотря на баннер
спасибо
РЕДАКТИРОВАТЬ: Добавлено после скриншота прокрутки, показывая баннер, уходящий с экрана.
EDIT2: Ааа ... Да, IE тоже не делает этого, как и FF. Кажется, для Chrome
РЕДАКТИРОВАТЬ 3: также пробовал этот стиль в соответствии с комментариями ниже
<style>
html, body, iframe#sandboxFrame, .full_size {
margin: 0 !important;
padding: 0 !important;
height: 100% !important;
width: 100% !important;
background-color: lightblue;
}
</style>
РЕДАКТИРОВАТЬ 4: я поднял трекер проблем здесь
