スマートフォン表示

spこのサイトのスマートフォンテーマを作りました。
iPad は PC 表示と同じにしてあります。

レイアウトは PC 表示のデザインをそのままコンパクトにした感じですがシンプル化してるので多少情報を少なくしてあります。横表示した時のことは考慮していません。まだ変更していきますが、サムネイルのみ表示していくパターンのものはフリックできるようにしたりいろいろ実験中です。

ヘッダーは 320px なので横表示した時は拡大されてます。
コンテンツは320px に合わせてつくってみました。
表示検証:iPhone5

画像は画面に合わせて表示するように

#slideshow img {
width:100%;
height:auto;
}

としてあります。

WordPress デザインワークブック 3.4対応 を参考にしています。
バージョンは違いますが基本的な事は同じです。


カテゴリー : チップス, ニュース