我在 GAS 中制作了一个 400 像素宽的网络应用程序。我希望它在加载时缩放以填充移动设备的屏幕，而不是仅填充屏幕的一半（尽管仍然使用固定的像素宽度）。
我试过使用下面的视口代码，但没有成功。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" />
问问题
3970 次
4 回答
5
这是最近几个月 Google 解决的问题，并添加了功能，请使用 .addMetaTag() 方法。
例子：
<meta name="google-site-verification" content="..."/>
<meta name="viewport" content="..."/>
var output = HtmlService.createHtmlOutput('<b>Hello, world!</b>');
output.addMetaTag('viewport', 'width=device-width, initial-scale=1');
有关方法的文档 https://developers.google.com/apps-script/reference/html/html-output#addmetatagname-content
相关论坛 https://code.google.com/p/google-apps-script-issues/issues/detail?id=4659
于 2015-12-24T14:46:34.447 回答
2
GAS 现在支持视口（截至 2015 年 12 月）。
示例（取自此链接）
var html = HtmlService.createHtmlOutputFromFile('inputpage').setSandboxMode(HtmlService.SandboxMode.IFRAME).addMetaTag('viewport', 'width=device-width, initial-scale=1');
于 2017-09-26T04:56:25.083 回答
1
我最近遇到了同样的问题，经过一番环顾后，偶然发现了 Google 的 Caja 项目问题跟踪器http://code.google.com/p/google-caja/issues/detail?id=1632上记录的问题。
报告的问题正是您所描述的，当您通过移动设备查看时，您试图放大网页（使用 Google 应用程序脚本生成）。回复中提到了一种解决方法，但发现很难按照说明进行操作并解决问题。
于 2013-01-27T12:02:33.423 回答
-1
谷歌似乎并不认为这是一个问题。他们认为对元视口的访问是一种增强。我发现的唯一替代方法是为移动设备编写自定义 CSS 并使用媒体查询将其嗅出。请参阅https://code.google.com/p/google-apps-script-issues/issues/detail?id=4659
于 2015-07-14T18:29:09.073 回答