Embedボックスで埋め込んだ要素は、下記のレスポンシブ設定をすれば、どんな画面幅のデバイスでも縦横比を固定して表示できます。
Embedボックスの縦横比を固定する方法
例）YouTube動画を埋め込んだEmbedボックスを、どんな画面幅で閲覧しても16:9の縦横比に維持するレスポンシブ設定
(1) 親ボックスを作成します。
ナビゲーションで追加アイコンをクリックします。
[基本]タブをクリックします。
[Box]をクリックします。
ボックスがスクリーン上に配置されます。
このボックスの横幅が、のちに重ねる埋め込みボックスの横幅の最大値になります。
(2) 希望比率の画像を用意します。
※この画像は比率固定のみに利用されるため、実際にサイト上で表示されることはありません。
あらかじめ希望する縦横比になった画像を用意します。
画像を(1)の親ボックス内に配置します。
画像のタイプを[img]にします。
(3)画像と親ボックスのサイズを合わせます。
これで、用意した画像の縦横比率を踏襲した親ボックスが完成しました。
