具有最大高度的 Safari CSS 错误？答案

【问题标题】：Safari css bug with max-height?具有最大高度的 Safari CSS 错误？
【发布时间】：2017-09-15 18:21:31
【问题描述】：

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

表格大小为：

max-height: 90em

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

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

【问题讨论】：

标签： css safari

【解决方案1】：

我会回答我的问题，以防万一有人遇到同样的问题。

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

.gf_browser_safari{
    form {
        height: initial;
    }
}

【讨论】：

【解决方案2】：

您可能会尝试的一些事情：

将 max-height 从 90em 切换到 90rem，以便根据根 html 元素调整大小。
- 如果您在本地计算机上测试 Safari，请确保您的 Safari 设置中没有指定字体大小调整。见The Effect of Browser Settings on the HTML Element Font Size 确保使用 css 规则 clear:both; 清除您正在使用的元素

【讨论】：

感谢您的建议。我很想尝试，但我在这里有一个额外的困难。我正在使用 jQuery 分配最大高度规则，例如： $('.object-class').css('max-height', em(90));关于如何在 jQuery 中使用 rem 的任何想法？