▼ 日記のスマートフォン表示改善

このtdiaryはだいぶ古いバージョンなので、ケータイ用はあってもスマホ表示には対応していない。何もせずPC向けのまま表示させると、フレームが画面の幅を逸脱したり、テキストや画像が小さくなったりして、かなり見づらくなってしまう…

自分でもタブレットやスマホを重用するようになってきたので、これまではフォントや幅を％指定にしたり、ズームが出来るようにしてとりあえず対応していたが、今回は詳しくないながらもああでもないこうでもないとCSSをいじって、スマホ向けにはサイドバーを無くし画像を幅いっぱいに表示させるように改造してみた。理想的なデザインにはほど遠いけれど、これでだいぶ見やすくなったと思う。

ちなみに画面幅でPCとスマホを区別するので、PCでもブラウザ幅を狭めるとスマホ向け表示になります。