iPhone、iPad のウェブ表示の不具合

本宅サイト、「知のヴァーリトゥード」のトップページのデザインを少し変更した。前はボタンを並べたバーを右側に配していたのだが、左側に変えた。下図のような具合である。バランスとしては変更前の方がいいと思っているのだが、不具合解消のためには仕方がない。

変更前のデザインだと iPhone と iPad の Safari では、下図のような具合に表示されてしまっていた。右側のサイドバーが、本来は隠れているはずのブログのサイドバーとかぶって表示されてしまうのである。

これはちょっとまずい。かねてまずいまずいと思ってはいたが、PC 版の Safari ではまともに表示されるので、「まあ、いいか」 とも思っていた。ところが時間が経つにつれて、やはり「まあ、いいか」では済まないという気がしてきたのである。それだけ、iPhone と iPad に馴染んでしまったというわけだ。

修正は簡単だった。左と右を入れ替えればいいだけのことだ。簡単にはできたが、予想されたこととはいえ、iPhone と iPad では、修正後のデザインが下のように表示されてしまう。まあ、前のようにかぶってしまうよりはいいのだが。

というわけで、iPhone と iPad 版の Safari は、まだちょっと未完成の部分があるようなのだ。いや、Safari に限らず、iPad にインストールした Lunascape でも同じように表示されてしまうので、OS ベースの話なのかもしれない。

iPhone、iPad は、他の部分に関してはかなり満足しているので、いずれにしても、早くアップデートして、まともな表示ができるようにしてもらいたいと思っている。まあ、最近では読者の多くが本宅サイトではなく、ブログの方に直接行ってしまわれるようなので、あまり大きな問題ではないのかもしれないが。