« GoogleショッピングのData Feed | メイン | めざせ!ネットショップ実務士! »

2010年11月08日

iPhone Safariのiframeの表示について

iPhoneやiPadからの注文もかなり増えてきましたね。ただ、ひとつ大きな問題点を発見したので書いておきます。自作系情報です。ASP等を使っている人は基本的に関係ないです。

Safariのiframeのサイズ表示が他のブラウザとは全然違います。特に、「スクロールなし」にしている場合は、隠れてしまっている部分は、タップやピンチインやアウトで頑張っても見られません。

iframeで決済する形式でフレーム内に決済ボタンをいれています。このボタンがiPhoneで注文した場合、フレーム外に出てしまって押せない、という問題が見つかりました。

最後の注文でカード決済ができないとは大変な事態です。iframeの縦を大幅に伸ばして簡単に解決しましたが、iPhoneやiPadも無視できなくなってきたな、と感じました。