在 Google 协作平台中，我想嵌入我的 HTML 代码，当我尝试这样做时，它会将所有内容作为 iframe 嵌入我希望它占用所有可用空间

问题描述

我正在制作一个网站，我想通过 Google 协作平台免费托管它。当我嵌入我的 HTML 代码时，它是通过 iframe 实现的，我不想要那样。我希望它看起来像一个文件，占用所有可用空间，而不是在 iframe 中。

解决方法

使用 IFrame 是一种正确的方法。但是当你想让它成为整页时，你需要稍微编辑它的样式。看例子：

<iframe src="example.com" style="position: fixed;top: 0px;bottom: 0px;right: 0px;width: 100%;border: none;margin: 0;padding: 0;overflow: hidden;z-index: 999999;height: 100%;"></iframe>

或者，如果您不喜欢内联样式，则可以使用以下 css 代码：

iframe{
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 999999;
    height: 100%;
}

现在它起作用了！它就像一个真实的页面。这适用于笔记本电脑和移动设备。