スマートフォンにも対応させにゃ

 あいあん氏が新刊netのブログパーツについて悩んでいるようだ。
 検証してみたが、tDiary中にパーツを置いてIEで表示させた際に起こる特有の現象のようだ。これはブログパーツ側で対応してもらうしかないような。
 むしろ鯖神様も苦慮していたようだがスマートフォンで表示した際のレイアウトの壊れの方が深刻なようだ。
 原因は単純にカラムを構成しているdivタグのwidthプロパティがパーセントで指定されているからのようだ。
 ナビゲーション部分のdivタグだけでもピクセルで幅指定すれば、floatプロパティの特性からメイン部分の後に段落ちして表示されるようになると思う。
 (逆にパーセント指定だとどこまでも画面の幅に合わせて細長くなっていく)
 かといってメイン部分もピクセル幅指定すると、今度は全体が縮小表示されてしまうか、拡大すれば一行読む度に横スクロールさせないといけなくなるのでこれまた問題。どのブラウザでも理想的な表示をさせるにはそれなりにcssの技術を駆使する必要がありそうだ。
 (正直IEだけかなり特殊な挙動を示すので、これさえまともならそこまで苦労の必要はないのだが…)
 今までもディスプレイの高解像度化などに対応するようしてきたが、今後も新たな媒体が出現する度に対応していかねばならないのかな。

コメントを残す

メールアドレスが公開されることはありません。