Editor X：ブレイクポイント間でメニューを操作する

レスポンシブサイトをデザインする際は、メニューがすべての画面サイズで正しく表示されることを常に確認してください。ビューポートごとに同じメニューを調整したり、特定のブレイクポイントに合わせて独自のメニューをデザインしたりできます。

デスクトップブレイクポイントから横型メニューを追加すると、モバイルでは自動的に非表示になります。代わりに、スペースを取らないハンバーガーメニューが表示されます。

以下の例では、モバイルブレイクポイントに切り替えると、横型メニューがハンバーガーメニューアイコンに変わることがわかります：

モバイルブレイクポイントに新しいメニューを追加すると、大きなブレイクポイント（タブレット、デスクトップなど）からは自動的に非表示になります。これは、より小さな画面に適したよりミニマルなバージョンを表示したい場合に便利です。

Editor X では、同じマスターセクションを使用して、異なる画面サイズに異なるメニューを表示することができます。ただし、これにより、特定のブレイクポイントでの作業中に他のブレイクポイントに意図しない変更が生じる可能性があります。

作業中のブレイクポイントにのみ影響を与えるおすすめの方法を 2つ紹介します：