优化嵌入式 link 以便在所有浏览器和网络托管平台上使用

Question

我创建了一个嵌入式 link - 包含我的网络应用程序 - 这样人们就可以将它粘贴到他们 HTML 的 body 标签之间。这是嵌入的 link:

<iframe src="http://insitu-app.com/index-tennis.html" style="position: absolute; height: 100%; width: 100%; border: none"></iframe>

这是它工作的示例结果：

它适用于 Chrome，但滑块和 3D 模型在 Internet Explorer 和 firefox 上缺失。此外，存在原始滚动条中不存在的滚动条（我不想在那里）：

最后将嵌入的 link 复制并粘贴到 WYSIWYG 平台（例如 Wordpress）中也不起作用 - 我需要为此创建一个插件吗？

如有任何帮助，我们将不胜感激。谢谢

Answer 1

尝试将 top: 0 和 left: 0 添加到您的 iframe：

<iframe src="http://insitu-app.com/index-tennis.html" style="position: absolute; height: 100%; width: 100%; border: none; top: 0; left: 0;"></iframe>

这将删除滚动条

optimise embedded link so useable across all browsers and web hosting platforms