文章/答案/技术大牛

发布

问braintree dropin额外高度
EN

Stack Overflow用户

提问于 2019-07-16 00:01:48

回答 1查看 159关注 0票数 10

我使用的是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/

javascript

iframe

braintree

回答 1

Stack Overflow用户

发布于 2019-07-24 04:33:38

这是因为您的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中，最新的和更具体的规则会覆盖其他规则。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/57043447

复制

相似问题

问braintree dropin额外高度
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问braintree dropin额外高度EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问braintree dropin额外高度
EN