PURPOSE
This article describes an approach that can be used to address content resizing issues when loading the hosted payment page into iframe.
CAUSE
Certain mobile browser versions may not size the iframe correctly when the focus changes to the card number, expiry date, or CVV field. Content may be displaying disproportionately large.
SOLUTION
Add the following meta tag in the html code for the iframe:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
Please refer to the sample code attached to this article.