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

Question

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

在此处输入图像描述

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

在此处输入图像描述

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

谢谢！

Answer 1

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

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

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

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