Question

我觉得我必须错过一些非常简单的东西。每当我尝试在移动网站上实施Stripe的Checkout功能时，付款按钮就会非常非常小。

我剥离了可能导致样式问题的所有内容，然后开始使用他们的基本嵌入式表单来查看，我仍然遇到这个问题，它似乎没有针对移动格式进行优化。

我在这里缺少什么？

<html>
  <form id="buy" action="backend/create_subscription.php" method="post">
    <script
      src="https://checkout.stripe.com/checkout.js" class="stripe-button"
      data-key="pk_test_SOMEKEYHERE"
      data-amount="2000"
      data-name="Widget"
      data-description="Some widget"
      data-image="/img/marketplace.png"
      data-locale="auto"
      data-shipping-address="true"
      data-label="Option 1"
      data-panel-label="Subscribe"
      data-bitcoin="false">
    </script>
  </form>
</html>

Image of the tiny button on mobile

Answer 1

这不是按钮问题，而是缩放问题。您可以在<head>：

中尝试此操作

 <meta name="viewport" content="width=device-width, initial-scale=1">

那应该（可能？）帮助扩展。您还可以执行Custom integration，这将允许您使用您想要触发它的任何按钮。

手机上的条纹结账按钮太小

1 个答案: