Bootstrap 表单文本在 Google Apps Script htmlservice 中的移动设备上没有响应

Question

我已经使用 Google Apps Script HTMLService 和 Bootstrap CDN 开发了 webapp。该设计适用于台式机和笔记本电脑。我设计了 3 列形式。

它会在预期的移动设备中自动转换为单列。但是文本和徽标看起来很小，而且看起来不像引导程序优化。请在笔记本电脑和手机上查看此链接：https : //script.google.com/macros/s/AKfycbyVBzSQxrsKXDlAVPdIUHWl1g406ucRfKghfzFY7FVKvL8ji9bS/exec

`

function doGet(e) {
  var template = HtmlService.createTemplateFromFile('Index');
  return template.evaluate()
      .setTitle('Responive Form')
      .setSandboxMode(HtmlService.SandboxMode.IFRAME);
}

`

function doGet(e) {
  var template = HtmlService.createTemplateFromFile('Index');
  return template.evaluate()
      .setTitle('Responive Form')
      .setSandboxMode(HtmlService.SandboxMode.IFRAME);
}

Answer 1

我不得不对我的 doGet 添加一个添加 .addMetaTag('viewport', 'width=device-width, initial-scale=1') 来评估（）：

function doGet(e) {
  var template = HtmlService.createTemplateFromFile('Index');
  return template.evaluate()
      .setTitle('Responive Form')
      .setSandboxMode(HtmlService.SandboxMode.IFRAME)
      .addMetaTag('viewport', 'width=device-width, initial-scale=1');
}