如何清除移动版wufoo表单上的多余空间



在谷歌chrome上,移动版的wufoo表单正以我希望的方式显示(见下图(:

在此处输入图像描述

但在我的iPhone上,表格顶部有一个多余的空间,我似乎无法摆脱(见下图(:

在此处输入图像描述

当我给WuFoo发关于这个问题的消息时,他们说他们不提供自定义css问题的帮助。由于我的谷歌chrome开发工具没有显示这个问题,我陷入了困境。有人知道我怎样才能摆脱这个多余的空间吗?

谢谢!

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

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

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

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

最新更新