我正在尝试将Google电子表格嵌入我的Square Space网站上。不幸的是,每当我切换到移动视图
时,我得到的电子表格具有水平和垂直滚动条<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(iFrame的HTML主体)?我相信应该有一种或某种方法来实现我想要的东西。我尝试了一些jQuery库,但仍然没有运气...
如果要减少<iframe>
的大小和内容,请尝试以下内容:
- 从您的
<iframe>
删除width="100%" height="800"
然后,添加以下到您的CSS:
iframe {
width: 396vw;
height: 3200px;
border: 0;
transform: scale(0.25);
transform-origin: 0 0;
}