画像のImgモードで縦横比率を固定する方法
「Imgモード」では、画像の縦横比を保持しながらサイズ調整が可能です。しかし、縦幅と横幅の両方にpxなどを設定すると、画面サイズによっては画像の縦横比率が崩れ、不自然に伸び縮みすることがあります。
どちらかの幅を「auto」に設定することで画像の縦横比率を保持したまま、柔軟にサイズ調整することができます。
画像の幅をautoに設定する2つの方法
縦横比を保持したまま、画像の片方の辺のサイズをautoに設定するには、以下の2つの方法があります。
画像ボックスの辺にあるハンドルをドラッグして、サイズを調整する。
画像ボックスの辺をダブルクリックする。
これにより、クリックした辺の反対側の辺が自動的にautoに設定されます。
たとえば、横幅を220pxと指定したい場合、横のハンドルをドラッグまたは横辺をダブルクリックします。