使用Google Apps脚本使Web App适合浏览器宽度

时间:2014-10-08 13:33:02

标签: javascript google-apps-script

我有一个Web应用程序看起来不错,但它不适合浏览器宽度,并在底部显示滚动条滚动。我尝试使用此代码使其工作,它只将应用程序放在屏幕的中心,但它不适合浏览器的宽度:

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

我还尝试在上面的代码中添加.setWidth(100),但仍然不能使Web App适合浏览器的宽度。

我的网络应用程序需要在应用程序的左侧和右侧的中心和相同的白色空白处显示申请表。

关于这个的任何想法?

由于

2 个答案:

答案 0 :(得分:0)

要使应用宽度与浏览器宽度相同,您应将宽度设置为"100%"而不是"100"

此外,如果您想将内容置于浏览器中心,请将宽度设置为固定宽度,例如"1000px""60%",并将边距设置为"0 auto",这意味着让浏览器决定内容的左右边距。内容应该居中。

答案 1 :(得分:0)

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 Service的.setStyleAttribute()方法(在UiInstance及其小部件上)支持大多数标准CSS样式。将width设置为%将调整浏览器窗口大小调整您的ui应用程序的大小。但它只会像你最宽的小部件一样缩小 - 之后你会看到水平滚动条出现。

然而,风格方面,UiApp只会让你到目前为止。如果您需要更多地控制应用的外观,请使用HTML Service进行构建。