cssで画像の横幅、縦幅を固定し自動で最大サイズを指定する

2014年11月23日更新 view: 482 view
http://upload.wikimedia.org/wikipedia/commons/thumb/d/d8/Nuvola_mimetypes_source_css.png/127px-Nuvola_mimetypes_source_css.png

画像のサイズを縦横比を固定しつつ最大サイズを指定

スポンサードリンク

画像を使っているとバラバラのサイズになってしまう時がある。
そんな時は、高さか横のサイズを片方だけ指定してあとは良い感じにしてしまう技。

横幅固定

img{
   max-width: 300px;
   height: auto;
}

縦幅固定

img{
   width: auto;
   max-height: 300px;
}

素晴らしいですね。

スポンサードリンク

関連記事

関連カテゴリ

コロ助

web関連の記事や制作系の記事をどんどんまとめていきます。 宜しくお願いします!

ピックアップ

パソコン・ソフトウェア ランキング

9月22日 ( 日 ) にアクセスが多かった記事はこちら!