<!DOCTYPE html>
<html lang="fr">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
body {
background-color: #e8f0fd;
}
.debug {
border: 2px solid red; /* Pour voir les blocs */
}
</style>
</head>
<body>
<form class="container-fluid m-3">
<div class="row g-3">
<div class="col-12 col-md-6 debug">
<label for="customerLastName" class="form-label">Nom client</label>
<input type="text" class="form-control" id="customerLastName">
</div>
<div class="col-12 col-md-6 debug">
<label for="customerFirstName" class="form-label">Prénom client</label>
<input type="text" class="form-control" id="customerFirstName">
</div>
</div>
</form>
</body>
</html>
反应应用程序脚本WebApp
the将元标记直接添加到html文件中的标准:
``您应该这样做,将元标记添加到应用程序脚本文件中。
function doGet(){
return HtmlService.createHtmlOutputFromFile("<your-html-file-here\>").addMetaTag('viewport', 'width=device-width, initial-scale=1');
}
样本输出参考:
类HTMLOUTPUT