プロジェクト単位で、レスポンシブ対応時にデザインの切り替わる画面幅「ブレイクポイント」を増やしたり、編集することができます。

※設定したブレイクポイントはプロジェクト内共通のものとなり、ページごとに変えることはできません。

初期状態では、ブレイクポイントは「タブレット: 840px」「モバイル: 540px」の2つに設定されています。

これに加えて、「スモール: 1140px」「ミニ: 320px」のブレイクポイントを追加したり、不要なブレイクポイントを削除することができます。

2. 追加したいブレイクポイントの「＋」マークをクリック

3. 不要なブレイクポイントがある場合は、消したいブレイクポイントにカーソルを合わせ、右上の「×」をクリック

※ ブレイクポイントを基準の外側に設定したり、スモール・ミニ以外に追加することはできません。

それぞれのブレイクポイントの値を変更するには、「ブレイクポイントの編集」モードで、変更したいブレイクポイントのアイコンにカーソルを合わせて任意の数値を入力するか、各ブレイクポイントを示す縦ラインをドラッグします。

​