如何摆脱移动版 wufoo 表单上的多余空间？

Question

在 google chrome 上，wufoo 表单的移动版本完全按照我想要的方式显示（见下图）：

在此处输入图像描述

但是在我的 iPhone 上，表格顶部有一个我似乎无法摆脱的多余空间（见下图）：

在此处输入图像描述

当我向 WuFoo 发送有关此问题的消息时，他们说他们不为自定义 css 问题提供帮助。 由于我的谷歌浏览器开发者工具没有显示问题，我被卡住了。 有谁知道我怎样才能摆脱这个多余的空间？

谢谢！

Answer 1

如果我正确理解了您的问题，则当页面显示在窄设备上时，您希望从html元素中删除padding-top: 20vh 。

在这种情况下，这个 CSS 应该做你想做的事。 我已经重用了与您的页面相同的@media -query，并假设这是您为移动设备定义的大小。

@media only screen and (max-width: 480px) {
    html {padding-top: 0}
}

如果将此代码片段添加到 CSS 文件（可能是wufoo.css ）的末尾，它应该会删除移动设备上表单上方的空格。