Stripe Checkout Слишком маленькая на мобильном телефоне

Я чувствую, что мне нужно пропустить что-то невероятно простое. Всякий раз, когда я пытаюсь реализовать функцию Checkout Stripe на мобильном сайте, кнопка оплаты выглядит очень и очень маленькой.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

источник

2016-08-09 Collin Duncan

Это не проблема кнопка, это проблема масштабирования. Вы можете попробовать это в <head>:

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

Это должно (? Возможно) помочь с масштабированием. Вы также можете сделать Custom integration, и это позволит вам использовать любую кнопку, которую вы хотите вызвать.

источник

2016-08-09 23:13:46 floatingLomas

Христос, конечно. Здесь надо устать. Спасибо за быстрый и быстрый ответ! –

Добро пожаловать! И я полностью знаю это чувство ... :) – floatingLomas

Stripe Checkout Слишком маленькая на мобильном телефоне

ответ

Смежные вопросы