使用谷歌应用程序脚本使Web应用程序适合浏览器宽度

Making Web App fit to browser width using Google Apps Script

本文关键字：应用程序 浏览器 Web 谷歌 脚本      更新时间：2023-09-26

我有一个Web应用程序，它看起来不错，但不适合浏览器的宽度，并且在底部显示滚动条进行滚动。我尝试了这个代码来让它工作，它只把应用程序放在屏幕的中心，但它不适合浏览器的宽度：

 var app = UiApp.createApplication().setTitle('Application 2015').setStyleAttribute('left', '26%').setStyleAttribute('position','relative');

我还尝试在上面代码的最后添加.setWidth(100)，但它并不能使Web应用程序适应浏览器的宽度。

我的Web应用程序需要在中间显示申请表，并在应用程序的左右两侧显示相同的白色空白。

你知道这个吗？

感谢

要使应用程序宽度与浏览器宽度相同，应将宽度设置为"100%"，而不是"100"。

此外，如果要在浏览器中使内容居中，请将宽度设置为固定宽度，如"1000px"或"60%"，并将边距设置为"0 auto"，这意味着让浏览器决定内容的左右边距。然后内容应该居中。

var app = UiApp.createApplication().setTitle('Application 2015');
app
  .setStyleAttribute('width', '90%') // 90% of browser window width
  .setStyleAttribute('margin','10px auto'); // 10px top and bottom margins, centered horizontally in browser window

UI服务的.setStyleAttribute()方法（在UiInstance及其小部件上）支持大多数标准CSS样式。将width设置为%将通过调整浏览器窗口大小来调整ui应用程序的大小。但它只会像你最宽的小部件一样窄——之后你会看到水平滚动条出现。

然而，就风格而言，UiApp只会让你走到这一步。如果你需要对应用程序的外观进行更多的控制，可以使用HTML服务来构建它。

相关文章：