css - 如何使谷歌电子表格图表响应

Question

<iframe height=468 width=1584 src="//docs.google.com/spreadsheets/d/1hUgiZqpgjqqtpnYY6Q1IeoUYlpXlCRUeARpN3cWX87g/gviz/chartiframe?oid=2131305794" seamless frameborder=0 scrolling=no></iframe>

即使将宽度更改为 100%，它也不会使其响应。我将这张图嵌入到 WordPress 网站上。

Answer 1

将 div 放在该 iframe 周围(作为父元素)，并将 CSS“transform: scale(0.5)”设置为该 div。

<div style="transform: scale(0.5, 0.5);">
<iframe ...>
</div>

它将调整整个框架的大小，包括其内容。