はじめは問題なく表示されているが… デバイスを一度横向きにして戻すと余白ができる スマートフォンの普及にともない、スマートフォン向けウェブアプリケーションのUIデザインを依頼いただくことが多くなってきました。 先日、ある一般消費者向け検索サービスのスマートフォン対応に際し、UIデザインとプロトタイプ制作のお手伝いをさせていただきました。 ちょうど同時期に iOS6 のリリースがあったのですが、プロトタイプのコーディングをしているなかで、「端末を回転させているうちに余計な余白ができてしまう」という iOS6 特有の不具合に出くわしました。 スマートフォン向けのいくつかのウェブサイト/アプリケーションに同様の現象が見られましたので、不具合解消の一助になればと思い、現象の発生条件と対処法を紹介させていただきます。 iOS6 の Mobile Safari で、画面をランドスケープ表示(横向き)か
![ソシオメディア | iOS6 Mobile Safari : ローテーションで余白が生じる現象への対処](https://cdn-ak-scissors.b.st-hatena.com/image/square/e1c5dfb0ef99f4e0cb6186dcb975ef9b9809da7a/height=288;version=1;width=512/https%3A%2F%2Fwww.sociomedia.co.jp%2Fassets%2Fimages%2Fios6rotation-ogimage.png)