スマートフォンサイト制作

• ブログ・Webデザイン初心者の勉強　SP・JQMのカテゴリーの記事で各自作業。
• スマートフォンサイトにGoogle Mapを実装しよう
• レスポンシブで重くないイメージスライダー bxSlider

スマートフォンサイトのCSS

指定された要素内のブロック要素を、高さを揃えて横並びにする。

display:box;

ブラウザの横幅に合わせて伸縮

display:flex;
box-flex:1;
-webkit-box-flex: 1;
-moz-box-flex: 1;

画像を画面いっぱいで表示。iPhone用。効かない機種あり。

background-size:cover;
-webkit-background-size:cover;

これらのCSSは、IEは対応していないのでスマートフォンサイト用。

テストは明日。