Question

我正在为注册表单创建一个弹出窗口，我已经为该表单设置了css规则并在不同的浏览器上进行了检查，只有Safari在元素之间添加了额外的空白区域。

表格的大小是：

{{1}}

这就是它在不同浏览器上的样子：

显然我错过了一些东西。想法？

Answer 1

我回答我的问题以防有人遇到同样的问题。

这是一个重力表格问题。它通过添加以下CSS规则得到修复：

.gf_browser_safari{
    form {
        height: initial;
    }
}

Answer 2

您可以尝试一些事项：

将最大高度从90em切换为90rem，以便根据根html元素调整大小。
- 如果您要在本地计算机上对Safari进行测试，请确保Safari设置中未指定字体大小调整。见The Effect of Browser Settings on the HTML Element Font Size 确保使用css规则clear:both;