shinoのときどき日記

■ tDiaryのスマートフォン表示対応

tDiaryでは、スマートフォン向けの表示はCSSで制御しているようです。スマートフォン対応しているtDiaryで有名なgustav.cssを見たところ、次のコードでくくられた中で、スマートフォン向けの表示で必要な各要素の再定義していました。

/*
 design for iPhone and other smart phones
 */
@media screen and (max-device-width: 480px) {

(……中略……）

}

この部分を、自分が使うcssの末尾にコピーしてきて、あとは使っているCSSの親の定義に沿って、必要な箇所をこの中で再定義してやればok。（具体的には、marginやpaddingの調整）。

この日記もスマートフォンで読みやすいフォント、幅になったと思います。ただ、まだ、タイトルのあたりがごちゃっとしているので、これは機会を見つけて、再調整したいと思います。