Una de las preguntas más recurrentes al momento de implementar Google Apps Scrtip con HtmlService es cómo obtener el tamaño máximo de la pantalla.
Aquí te dejo un ejemplo de cómo obtenerlo (https://script.google.com/d/10kzZ1DiTsere_BdjLEnIJcZaOHVCfcGF56DED6fMLY2PfY9g--h1Efrr/edit?usp=sharing).
La única condicionante es que debes correr tu aplicación en modo EMULATE del Sandbox.
Para más información sobre las restricciones, consulta:
https://developers.google.com/apps-script/guides/html/restrictions#sandbox_mode
https://developers.google.com/apps-script/guides/html/restrictions#documentdocumentelement
Aquí el código.
código.gs
function doGet() {
return HtmlService.createHtmlOutputFromFile('index')
.setSandboxMode(HtmlService.SandboxMode.EMULATED);
}
index.html
<style>
#container{
width: 100%;
/* height: 100%; */
background-color: #ccccff;
}
</style>
<div id="container">
</div>
<script>
alert(document.getElementById("container").offsetWidth);
/* alert(document.getElementById("container").offsetHeight); */
</script>
Obvio que si lo implementas en un Google site, tomará el tamaño máximo del contenedor. Sin embargo, te puede servir de base para implementarlo en un sitio web "hosteado" en un web server.