SafariのCSSバグが最大の高さですか？

Question

私は登録フォームのポップアップを作成しています。そのフォームのCSSルールを設定し、別のブラウザでチェックしました。Safariだけが要素間に余分な空白を追加しています。

フォームのサイズは次のとおりです。

max-height: 90em 

これは、異なるブラウザ上でどのように見えるかです：

明らか

Chrome & Firefox

Safari

私は何かが欠けています。アイデア？あなたは試してみてください

Answer 1

をしてクリアされていることを確認してくださいを参照してください。

これはGravity Formsの問題でした。

.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;