📜  如何删除谷歌表单嵌入滚动条 (1)

📅  最后修改于: 2023-12-03 15:38:10.859000             🧑  作者: Mango

如何删除谷歌表单嵌入滚动条

在嵌入谷歌表单时,可能会发现表单会自动添加滚动条,这并不方便用户的使用体验,那么如何删除谷歌表单嵌入滚动条呢?

步骤
第一步:进入谷歌表单编辑器

在谷歌表单页面,点击右上角的“发送”按钮,选择“嵌入表单”,即可进入表单编辑器。

第二步:获取表单代码

在表单编辑器中,有两个选项卡,“查看”和“嵌入”。点击“嵌入”选项卡,会看到一段表单嵌入代码,复制这段代码。

第三步:替换代码

在将表单嵌入到自己的网站或博客中时,将代码中的“height”属性值改为“100%”,即可让表单自适应宽度,不再出现滚动条。

<iframe src="https://docs.google.com/forms/d/e/{FORM_ID}/viewform?embedded=true" width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0">正在加载中……</iframe>
第四步:嵌入表单

将替换后的代码嵌入到自己的网站或博客中,即可预览表单效果。

总结

经过以上步骤,我们成功地删除了谷歌表单嵌入滚动条,同时让表单自适应宽度,提升了用户使用体验。

以上介绍的内容可以通过Markdown格式呈现,代码片段可以按照以下方式加入:

```html
<iframe src="https://docs.google.com/forms/d/e/{FORM_ID}/viewform?embedded=true" width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0">正在加载中……</iframe>