モバイルデバイスを利用する上で、特定のデバイス／ブラウザに依存せず、どのブラウザでもサイトが正常表示可能な環境が理想的と考えています。
本稿では、主にAndroid版Firefoxで発生しているよくあるサイト表示不具合をパターン毎に分類し、Web標準に従ったコンテンツ記載によりブラウザ間の表示互換性を保てるノウハウをご紹介します。
画面外に不要な空白が発生するナビゲーションメニューが他のアイコンと重なって表示されたり、画面からはみ出たりしてしまうアイコンの中身が外側にはみ出すなどして形が壊れているアイコン,画像の表示位置がずれるアイコン,画像が期待と異なるサイズで表示されるアイコンが隣接する他のアイコンと重なってしまうテーブルのレイアウトが崩れている文字列の一部が表示されずに見切れる文字列の表示位置がずれる