logo_w
beaver builder resources

How to Beaver

logo_w

レスポンシブデザインについて

すべてのPage Builderレイアウトはレスポンシブウェブデザインに対応しており、さまざまなデバイスの画面サイズに合わせて自動的に調整されます。

デフォルトでの、レイアウトは次のように可変されます。

  • デバイスサイズ

    Page Builderには、大型(通常はデスクトップとラップトップディスプレイ)、中型(タブレット)、小型(スマートフォン)の3つのデバイスサイズが組み込まれています

  • ブレークポイント

    ブレークポイントとは、各デバイスサイズの設定が適用されるブラウザの幅を定義します。

    デフォルトでは、メディアデバイスのブレークポイントは992px、小型デバイスブレークポイントは768pxです。

    これらの値はカスタマイズすることができます。

  • スタッキング

    スタッキングは、ディスプレイの幅が小さくなると、行、列、およびモジュールの順序を決定することができます。

    デバイスのサイズごとにカスタムの列幅を設定して列の積み重ねを制御したり、列の積み重ねを無効にすることができます。

  • スペース

    行、列、およびモジュールのマージンとパディングは、Page Builderのオートスペース機能で自動的に調整されます。

    デバイスサイズごとにマージンとパディングを調整してオートスペースを無効にしたり、オートスペースを完全に無くすこともできます。

  • デバイスごとの表示について

    デフォルトでは、すべてのモジュールがすべてのデバイスサイズで表示されますが、特定のデバイスサイズでモジュールを非表示にすることができます。