在 SquareSpace 上嵌入 Google 电子表格并使其响应移动设备

Question

我正在尝试在我的 Square Space 网站上嵌入一个 google 电子表格。不幸的是，每当我切换到移动视图时，我得到的电子表格都有水平和垂直滚动条

<div class="sqs-block-content">
<iframe width="100%" height="800" src="https://docs.google.com/spreadsheets/d/1BxfLMwwEWjyV-Avp9cWupPnJiwVq3GX6VcVRYuw-XQ0/pubhtml?single=false&widget=false&headers=false" scrolling="no" ></iframe>
</div>

如何使电子表格具有响应性以适合 iframe（因此，不会有滚动条，因为所有列都可见）？

编辑：
是否可以使用 jquery 操纵内部 html（html iframe 主体）？我相信应该有一种方法或某种方法可以实现我想要的。 我尝试了一些 jquery 库，但仍然没有运气......

Answer 1

如果您想缩小 <iframe> 的 和 内容，请尝试以下操作：

• 从您的 <iframe>
中删除 width="100%" height="800"

然后，将以下内容添加到您的CSS：

iframe {
    width: 396vw;
    height: 3200px;
    border: 0;
    transform: scale(0.25);
    transform-origin: 0 0;
}