【问题标题】：How to embed flutter web in HTML as a iframe (fullscreen)?如何将 Flutter Web 作为 iframe（全屏）嵌入 HTML 中？
【发布时间】：2021-11-09 20:23:30
【问题描述】：
我想在 iframe 中显示我的 Flutter Web 应用的特定链接。
目的：
在使用 1 个 Flutter Web 应用管理的自定义域上创建多个动态网站
我尝试过的事情：
- 使用 javascript 代码使 iframe 动态化，但 onLoad 不会触发
- 高度和宽度为 100% 的 iframe 不起作用
问题：
100% 宽度可以很好地使用：
<meta name="viewport" content="width=device-width, initial-scale=1">
但高度并没有占据整个空间
【问题讨论】：
标签：
html
flutter
iframe
embed
【解决方案1】：
终于想通了。
iframe {
width: 100% !important;
min-width: 100%;
height: 100vh !important;
align-self: center;
border: 0;
}
需要注意的重要一点是，在 Safari 中将 Flutter web 放入 iFrame 时，滚动不起作用。
解决方案：
<script>
document.addEventListener('touchstart', {});
</script>