dpdp では、プロジェクト単位で端末別に表示の切り替え点となるブレイクポイントをご自身で変更することも可能です。
デフォルトのブレイクポイントは、以下の通り設定されています。
スマホ→タブレット・・・480 px
タブレット→デスクトップ・・・835 px
■ デフォルト設定を変更する手順
➊ ヘッダ左上部の歯車アイコンをクリックして設定パネルを開きます。
➋ 設定パネルが開いたら左メニューから「デバイス」タブを開き、「タブレット」を選択します。
➌ 右側のパネルでタブレットの横サイズを変更します。
これでタブレットからデスクトップへ表示が切り替わる際のブレイクポイントの変更が完了しました。
* スマホ→タブレットへのブレイクポイントも、端末選択パネルで「スマートフォン」を選択した後、同じ手順で変更することができます。
■ ブレイクポイントを追加したい場合
プロジェクトによって、従来のデスクトップよりさらに高解像度のデスクトップ向けにデザインを切り替えたい、といったニーズが発生する場合、dpdp ではブレイクポイントを追加することも可能です。
その際の手順は以下の通りです。
➊ デバイス選択パネル最下部にある 「＋」 をクリックする。
➋ 新規デバイス候補のパネルが開くので希望に近い画面サイズを選択します。
これで通常の３種類以外の端末がパネル状に現れますので、上記の「ブレイクポイントの設定を変更する」手順に従い、調整を行ってください。
