スマートフォン表示

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

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

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

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

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

としてあります。


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