由Visa和移动设备验证

Question

我们在启用3D安全的情况下进行在线支付，但不久前，我们从移动用户那里收到了如此多的负面反馈，因为iFrame中的Visa验证表单太大，无法显示在屏幕上，因此我们将其关闭。有人告诉我，这在财务上不再可行，我需要让它在手机上正常工作。

我已经尝试过许多“响应式iFrame”的解决方案，但似乎归结为iFrame内容的问题(具有硬编码宽度的表)，显然我无法控制它。

在网上浏览了几个小时后，我还没有找到任何适合移动设备的解决方案。

例如，有没有人知道是否有一种响应式的方法可以在iPhone上使用3D Secure？

Answer 1

我认为解决这个问题的唯一方法是设置iframe的宽度以适应固定宽度的表格(400px应该可以做到这一点)，然后对iframe应用一些CSS来缩放页面，使其适合移动屏幕的大小。

下面是一个例子：

<iframe width="400px" height="500px" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="SagePayURL" style="-webkit-transform:scale(0.7);-moz-transform-scale(0.7);-webkit-transform-origin:top left;-moz-transform-origin:top left;"></iframe>

老实说，我不明白为什么VISA和Mastercard不能提供桌面版和移动版的3D安全页面。