[CSS]知っておくと便利！レスポンシブ用に画像を配置するスタイルシートの5つのテクニック

何らかの理由で画像をレスポンシブ対応にうまく配置できない時があるかもしれません。何時間もかけて、いろいろな実装方法を試すこともあるでしょう。 CSSハックは無しで、レスポンシブ用に画像のサイズ変更を処理して配置するスタイルシートの5つのテクニックを紹介します。 Time-saving CSS techniques to create responsive images by Adrien Zaganelli 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 画像に適した方法で実装しよう 画像を配置するこれからのテクニック IEでも機能する、Netflixで使用されているテクニック 簡単な方法 パフォーマンスを考慮した方法（上級） レスポンシブ対応の画像を実装する時の流れ 画像に適した方法で実装しよう 今、金曜日の17時だとします。

[coliss]

レスポンシブ用に画像を配置するスタイルシートの5つのテクニック

[kathew]

画像配置に必要なテクニックまとめ / pictureのソース指定、単に画像サイズを縮小する目的だけではあんまり使いたくないよねぇ。画像自体に手が加わっているなら良いんだけども

[chienavi]

知っておくと便利！レスポンシブ用に画像を配置するスタイルシートの5つのテクニック

[karasunekoneko]

知っておくと便利！レスポンシブ用に画像を配置するスタイルシートの5つのテクニック

[skunk0915]

html

[okumuraa1]

object-fit: cover;知らなかった！

[tsuki-rs]

Netflixの方法をbackground-imageでやるには.wrapperの中にbackground-imageとcontainを記述する。

[zuzu_sion]

IEのこと考えずにobject-fitを使ってしまっていた。。。ポリフィル利用しよう。

[aTn]

object-fitプロパティの利用は知らなかったので参考になりました。IEのことは全く気にしてませーん。