メインコンテンツにスキップ

画像ボックス:Imgモードで縦横比率が崩れる場合

画像ボックスをImgモードに設定すると、画像の縦横比を保持したまま柔軟にサイズ調整ができますが、高さと幅をどちらもpxなどの固定値で指定すると縦横比が崩れる原因になります。

今日アップデートされました

Point:画像ボックスのBoxモードとImgモード

画像ボックスには「Boxモード」と「Imgモード」があり、モードによって画像の扱い方や設定可能な機能が異なります。

詳細は、画像ボックス:BoxモードとImgモードのページを参照してください。

Imgモードでは画像の縦横比を保持しながらサイズ調整が可能ですが、高さと幅をどちらもpxなどの固定値で指定すると縦横比が崩れる原因になります。

Imgモードの画像が不自然に伸び縮みして表示される場合には、どちらかの幅を「auto」に設定することで解決することがあります。

縦横比を保持したまま、Imgモードの画像サイズをautoに変更する

以下いずれかの方法で設定が可能です。

  1. 画像ボックスの辺にあるハンドルをドラッグして、サイズを調整する。

  2. 画像ボックスの辺をダブルクリックする。

これにより、クリックした辺の反対側の辺が自動的にautoに設定されます。

こちらの回答で解決しましたか?