将Google Spreadsheet嵌入到SquareSpace并使其对手机响应

我试图在Square Space网站上嵌入Google电子表格。不幸的是，我得到的电子表格具有水平和垂直滚动条，每当我切换到移动视图将Google Spreadsheet嵌入到SquareSpace并使其对手机响应

<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的库，也仍然没有运气...

来源

2017-08-30 Wasi

如果你想减少大小和内容的，请尝试以下操作：

width="100%" height="800"

然后，添加以下你的CSS：

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

来源

2017-08-31 15:27:34 Rounin

好的，电子表格现在适用于移动设备。但是，它也在桌面上缩小，所以桌面上的表单也显得更小。 – Wasi

您只需将上述样式放置在移动设备的“@media query”中即可。如果你没有，我会试图使用像'@media only screen和（max-width：790px）{...}'或类似的东西。 – Rounin

将Google Spreadsheet嵌入到SquareSpace并使其对手机响应

回答

相关问题