レスポンシブ

レスポンシブデザイン

レスポンシブデザインとは、閲覧ユーザーの使用デバイスに合わせてページレイアウトを調整するデザインのことを指します。ゼロワンではレスポンシブデザインをより簡単に設定することが出来ます。

デスクトップファースト

ゼロワンでは、ブレイクポイントを設定することでレスポンシブデザインを表現します。アプリエディター上部に表示されるボタンをクリックするとボタンが赤くなり、設定したブレイクポイントの時のエレメントの状態を設定することができるようになります。

新しいブレイクポイント

新しいブレイクポイントは、レスポンシブ＞デスクトップファースト＞新しいブレイクポイント　から設定することができます。

アイコン

アイコン(モバイル、タブレット、ラップトップ、デスクトップ)の設定は任意ですが、設定をすることでエディター内のレスポンシブ切り替えを容易にすることが出来ます。

ラベル

ラベルは、新しく設定するブレイクポイントの名称を設定することができます。

最大の幅

それぞれブレイクポイントとなるpx数を「最大の幅」で設定し、ブレイクポイントを設定することができます。

ここで設定された「最大の幅」をページ幅が下回る際にスタイルが変更されます。最大の幅が540pxなら540px以下の場合にスタイルが適応されます。