最大高度的Safari css錯誤？

Question

我爲註冊表單創建了一個彈出窗口，我已經爲該表單設置了css規則並在不同的瀏覽器上進行了檢查，並且只有Safari在元素之間添加了額外的空白區域。

的形式大小是：

max-height: 90em 

這是怎麼看起來像在不同的瀏覽器：

Chrome & Firefox

Safari

顯然我失去了一些東西。想法？

Answer 1

我回答，以防萬一有人有同樣的問題，我的問題清理工作的元素。

這是一個Gravity Forms問題。它通過添加以下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;