2017/05/17

[css]画像の縦横比を維持して表示する方法

画像の縦横比を維持しながら表示する場合、確か、7、8年前(ってどんだけだよ)ぐらいだとJavaScriptで画像の計算を行って表示させていたような気がしたんですが、

【図解】CSSだけで画像の縦横比を維持したサムネイルを表示する

を見たら、なんとCSSだけでいけるじゃーないっすか!

確かに記載されている通りに実装したら縦横比が維持されたわけですが、改めて記事を読んで思ったのは、CSS3が誕生したことによって、かつ、androidのOS 4以上の場合は、
できることがかなり広がっているのではないだろうか?ということである。

もう少し調べたらJSを使っていた処理もCSSで完結しそうなコードっていっぱいありそうな気がしてきた。

0 コメント:

コメントを投稿