元の画像サイズと配置するエレメントのサイズが違う場合、画像サイズを変更する必要があります。
画面幅に収まるサイズでの全体表示、もしくは画面幅フルサイズでの画像表示などサイズを変えて表示できます。
挿入スタイルの種類
cover
画像を縦横比は保持した状態でエレメントいっぱいにできるだけ大きく拡大縮小し、
必要に応じて画像を引き伸ばします。
contain
画像の縦横比は保持して、エレメント内に画像が全て収まるように調整してくれます。
挿入スタイルの切り替え
画像エレメントを選択し、スタイルパネルのスタイル
からcover
もしくはcontain
を指定します。
以下のように、cover
を指定するとエレメントの領域いっぱいに広がり、contain
を指定すると画像の縦横比は保持した状態で、エレメント内に縮小表示してくれます。