条纹结帐按钮在移动设备上太小

Question

我觉得我一定错过了一些非常简单的东西。每当我尝试在移动网站上实现 Stripe 的结帐功能时，付款按钮都显得非常非常小。

我去掉了所有可能导致样式问题的东西，然后开始使用他们的基本嵌入形式只是为了看看，我仍然遇到这个问题，它似乎没有针对移动格式进行优化。

我在这里错过了什么？

<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 这样你就可以使用你想要触发它的任何按钮。

条纹结帐按钮在移动设备上太小

Stripe Checkout Button Too Small on Mobile

html

css

stripe-payments