iPhone Safariのiframeの表示について
iPhoneやiPadからの注文もかなり増えてきましたね。ただ、ひとつ大きな問題点を発見したので書いておきます。自作系情報です。ASP等を使っている人は基本的に関係ないです。
Safariのiframeのサイズ表示が他のブラウザとは全然違います。特に、「スクロールなし」にしている場合は、隠れてしまっている部分は、タップやピンチインやアウトで頑張っても見られません。
iframeで決済する形式でフレーム内に決済ボタンをいれています。このボタンがiPhoneで注文した場合、フレーム外に出てしまって押せない、という問題が見つかりました。
最後の注文でカード決済ができないとは大変な事態です。iframeの縦を大幅に伸ばして簡単に解決しましたが、iPhoneやiPadも無視できなくなってきたな、と感じました。