braintree dropin額外的高度

Question

我正在使用braintree dropin UI：

<div id="braintree-dropin"></div>

var braintree_client_token = "{{ braintree_client_token }}";

function braintreeSetup() {
    // Here you tell Braintree to add the drop-in to your division above
    braintree.setup(braintree_client_token, "dropin", {
        container: "braintree-dropin"
        , onError: function (obj) {
            // Errors will be added to the html code
            $('[type=submit]').prop('disabled', false);
            $('.braintree-notifications').html('<p class="alert alert-danger">' + obj.message + '</p>');
        }
    });
}

braintreeSetup();

並且dropin生成有很多不必要的高度：

我該如何調試這個以及可能導致這種情況的原因？ 我已經對生產環境和現場環境進行了測試，同樣的問題仍然存在。

編輯：

你可以在這里找到並檢查： http ： //floarplans.com/order/

Answer 1

這是因為你的theme.css第2480行有以下規則：

iframe {
    width: 100%;
    min-height: 350px;
    border: none;
}

如果在head標記的末尾包含以下css。

<head>
<!-- Lots of meta and link tags. -->
<style>
    iframe#braintree-dropin-frame {
        min-height: initial;
    }
</style>
</head>

這應該將其重置為正常。 因為在css中，最新且更具體的規則會覆蓋其他規則。

braintree dropin額外的高度

問題描述

1 個解決方案

解決方案1
3 2019-07-23 20:33:38

braintree dropin額外的高度

問題描述

1 個解決方案

解決方案1 3 2019-07-23 20:33:38

解決方案1
3 2019-07-23 20:33:38