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

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

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

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

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

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

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

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

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