我的页面无法在 google 应用程序脚本中缩放.仅在移动设备上且不处于横向模式时 [英] My page doesn't scale in google app script. only on mobile and when not in landscape mode

查看：15
本文介绍了我的页面无法在 google 应用程序脚本中缩放.仅在移动设备上且不处于横向模式时的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我创建了一个带有表单的页面.当我在 chrome 中尝试它时，缩放效果很好.创建谷歌应用程序脚本页面后，当我尝试移动尺寸时，缩放无法正常工作.当我将手机置于横向模式时，它会起作用.在 Firefox 中它可以工作.

我的第一页是用 materializecss 制作的.我第一次尝试，所以我认为这有问题.我用引导程序重新创建了页面，结果相同.我找不到问题.希望您能够帮助我.我使用电子表格中的数据创建选择.

<html lang="fr"><头><base target="_top"><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="description" content=""><meta name="author" content="Armin Neumann"><link rel="icon" href="#"><!-- 编译并缩小的 CSS --><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcFAgWiGinAmAmFcFAGORIGINSIGINX"><!-- <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0,shrink-to-fit=no"/>--><!-- 自定义 css --><?!= include('样式表');?><title>GoodId Intervention</title><身体><div class="容器中心"><div class="py-5 text-center"><img class="d-block mx-auto mb-4" src="http://www.goodid-fr.com/wp-content/uploads/2018/04/logo_goodid.jpg" alt="" max-height="100px" width="auto"><h2>干预</h2>

<!-- 默认表单联系人--><div class="row justify-content-center"><form class="text-center border border-light col-md-6" id="form" onsubmit="handleFormSubmit(this)" name="form"><p class="h4 mb-4">Temps passé pour le client</p><!-- 名称--><input type="date" id="date" name="date" class="form-control mb-4 col-sm-12" required><!-- 主题--><label>演员</label><select class="custom-select mb-4 col-sm-12" id="acteur" name="acteur" required><option value="" disabled selected>Sélectionner...</option></选择><label>客户端</label><select class="custom-select mb-4 col-sm-12" id="client" name="client" required><option value="" disabled selected>Sélectionner...</option></选择><label>合同</label><select class="custom-select mb-4 col-sm-12" id="contract" name="contract" required><option value="" disabled selected>Sélectionner...</option></选择><input type="number" name="time" id="time" class="form-control mb-4 col-sm-12" placeholder="Temps passeé(in min)" required><!-- 消息--><div class="form-group"><textarea class="form-control rounded-0" id="notes" name="notes" rows="10" placeholder="Message"></textarea>

<!-- 发送按钮--><button class="btn btn-info btn-block" type="submit">发送</button></表单>

<div class="row justify-content-center"><button id="reset-button" class="btn btn-warning btn-lg " style="width:40%; margin-top:10px">重置

<!-- 默认表单联系人--><footer class="row justify-content-center"><div class="footer-copyright"><div class="集装箱中心">由制成<a class="orange-text text-lighten-3" href="http://www.goodid-fr.com/">GoodId </a>版本:<?!= 版本 ?>

</页脚><div class="模态加载"><!-- 放在页面底部-->

<!-- 编译并缩小的 JavaScript --><script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5Kkn"cross/脚本><script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7xfakfakvskin匿名"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjPVCUar5"7xSfFWpi1MquVdAyjPVCUar5<6/脚本><脚本>var 演员 = <?!= 演员 ?>;var 客户 = <?!= 客户 ?>;/*获取合约的函数*/document.getElementById("client").addEventListener("change", function () {让 val = document.getElementById("client").value;console.log("val :"+val);var body = document.querySelector('body');body.classList.add("加载");如果(瓦尔！="){google.script.run.withSuccessHandler(setContracts).getContracts(val);}});document.addEventListener('DOMContentLoaded', function () {var selActeur = document.getElementById("acteur");var selClients = document.getElementById("client");var optActeur;var optClients;var resetBtn = document.getElementById("reset-button");//注意:showAlert();你 showAlert(param);NE 功能 PAS ici.//Il faut Fournir une valeur de type function (nom de fonction déclaré ailleurs ou Declaration en ligne de fonction).resetBtn.onclick = 重置；对于(演员中的x){optActeur = document.createElement('option');optActeur.appendChild(document.createTextNode(acteurs[x]));//设置 opt 的 value 属性optActeur.value = 演员[x];//添加 opt 到选择框的末尾 (sel)selActeur.appendChild(optActeur);}对于(c 在客户端){optClients = document.createElement('option');optClients.appendChild( document.createTextNode(clients[c]));//设置 opt 的 value 属性optClients.value = 客户 [c];//添加 opt 到选择框的末尾 (sel)selClients.appendChild(optClients);}//var elems = document.querySelectorAll('select');var elema = document.getElementById("acteur");var elemc = document.getElementById("client");var elemco = document.getElementById("contract");//var 实例 = M.FormSelect.init(elems);var elemt = document.querySelectorAll('.datepicker');});/*** 设置演员的功能** @param {string 或 json} 标题* 返回标题的 html 选择*/函数 setContracts(contracts) {var elems = document.getElementById("合同");removeAllOptions(elems, false);var optContract;控制台日志(合同)；对于(合同中的v){optContract = document.createElement('option');optContract.appendChild(document.createTextNode(contracts[v]));//设置 opt 的 value 属性optContract.value = 合同 [v];//添加 opt 到选择框的末尾 (sel)elems.appendChild(optContract);}var body = document.querySelector('body');body.classList.remove("加载");}功能重置(){document.getElementById("form").reset();var body = document.querySelector('body');var elems = document.getElementById("合同");var optContract;var elems = document.getElementById("合同");removeAllOptions(elems, false);optContract = document.createElement('option');optContract.appendChild( document.createTextNode('Sélectionner...') );//设置 opt 的 value 属性optContract.value = "";//添加 opt 到选择框的末尾 (sel)elems.appendChild(optContract);elems.options[0].disabled = true;elems.options[0].selected = true;body.classList.remove("加载");}函数公式Envoye() {var body = document.querySelector('body');var elems = document.getElementById("合同");var optContract;重启();removeAllOptions(elems, false);optContract = document.createElement('option');optContract.appendChild( document.createTextNode('Sélectionner...') );//设置 opt 的 value 属性optContract.value = '';//添加 opt 到选择框的末尾 (sel)elems.appendChild(optContract);elems.options[0].disabled = true;elems.options[0].selected = true;body.classList.remove("加载");}函数 handleFormSubmit(formObject) {var body = document.querySelector('body');body.classList.add("加载");event.preventDefault();google.script.run.withSuccessHandler(formulaireEnvoye).processForm(formObject);}函数 removeAllOptions(sel, removeGrp) {var len，组，par；如果(removeGrp){组 = sel.getElementsByTagName('optgroup');len = 组长度；for (var i=len; i; i--) {sel.removeChild(groups[i-1]);}}len = sel.options.length;for (var i=len; i; i--) {par = sel.options[i-1].parentNode;par.removeChild( sel.options[i-1] );}}

function doGet(e) {if (e.parameter.page == 'test') {template = HtmlService.createTemplateFromFile('test');}别的{var template = HtmlService.createTemplateFromFile('index');}template.version = 版本；template.acteurs = getActeurs();template.clients = getClients();返回模板.评价().setSandboxMode(HtmlService.SandboxMode.IFRAME);}