ホームページ    ワークショップ    2014/11/30    

#ウエブワークショップ No 12

↑↑↑iPad横位置キャプチャ

表示サイズで変化するホームページをレスポンシブ・サイトと呼びます。

サイトが表示幅をキチンと判断していることを確認するために、サイズが変わるとヘッダーの色を変えて遊んでみました。

iPadを横にするとヘッダーメニューがブルー、縦にするとグリーン、iPhoneで見ると赤になります。

このサイトでは、最小限のスクリプト(プログラム)で動作を軽くしています。

↓↓↓iPad縦位置キャプチャ

ホームページ 次の投稿