Ogagaga Diary

■ tDiary の iPhone 対応

自作した CSS をやっと iPhone対応しました。まだWikiスタイル全ての要素に対応したわけではないけど、大幅なデザイン崩れはなくなったはず。

付け焼き刃的なCSS力も少しアップしたし、よかったよかった。CSS3 の Media Queries を覚えた。

具体的には以下のように記述することで、iPhone や PC のスタイルシートを切り替えることができました。

@media only screen and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 1) {
         /* この中にiPhone用の要素定義を記述します */
}