■スタイルシートを使って画像を縦横比そのままにリサイズする方法■
以下のスタイルシートを組み込むことで、縦横比をそのままに画像をリサイズすることが出来ます。
?
横幅を指定する場合
img{
max-width: 300px;
height: auto;
}
もちろん縦幅でもできます。
縦幅を指定する場合
img{
width: auto;
max-height: 300px;
}
お手軽にリサイズ出来てしまうので、ぜひ使ってみて下さい!
するぷはこう思った。
僕はスマホ用のサイトをレイアウトするときにこの技を大変重宝しました!