操作手順

レスポンシブデザインは新規ページを作成した際に、ページ自体にオートレイアウトをかける必要があります。モバイルの縁をクリックすると、スタイルからオートレイアウトを設定できます。

1.png

オートレイアウトを設定すると、中央寄せや均等配置などが設定できます。

真ん中のボタンを押すと、そのページにあるものがページの中央を基準に配置され、左上に設定すると全てが左上寄せになります。

レスポンシブ説明よう.png

下記赤枠内の項目で余白をどのくらいつけるか設定できます。

左に余白をつけたい場合は、左のマスに10など数字を入力してください

3.png

次はそのページに配置してあるものの設定です。

今回は例として、シェイプとテキストを使用します。スタイルにある位置を**「相対」**に設定。

4.png

※この時、先ほどの工程でやったページ自体にオートレイアウトをかけていないと、

各パーツに「相対」の設定ができないので注意してください。

※相対に設定すると各項目マウスで動かすことはできなくなります。