编辑:
这是使用Ionic 4制作的混合移动应用程序。

在较小的设备上(甚至比所附带的图像小),输入由Android和iOS上的键盘覆盖。让我们专注于这个问题的Android。

在此项目的现阶段,我不想使用条纹元素。

我已经寻找了很长一段时间,甚至联系了条纹支持部门,但没有找到解决方案。
我已经附上了问题的图片(在较小的手机上更糟),并且还附有如果您在移动浏览器中以chrome打开它的外观的图片。

我现在的选择似乎是:

1)破解CSS
2)尝试弄清楚如何使其像在移动浏览器中一样显示(第二幅图像),因为这对设备尺寸的响应要大得多。

android - 条纹结帐模式键盘涵盖了小型设备上的输入和付款按钮-LMLPHP

android - 条纹结帐模式键盘涵盖了小型设备上的输入和付款按钮-LMLPHP

最佳答案

旧版Checkout应始终打开一个新页面/标签,并像第二张屏幕截图一样填充屏幕。唯一的例外是如果页面已配置为处于“ Web应用程序”模式。

您的网站上碰巧有以下元标记吗?

<meta name="apple-mobile-web-app-capable" content="yes">

如果是这样,则如果将其删除,则Checkout的行为应符合预期。

另一个解决方案是使用新的Checkout,它总是打开一个新标签页:https://stripe.com/docs/payments/checkout/client

09-10 06:11
查看更多