2018年08月28日(火)

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

• 0
• 214
• 213
• 320

何らかの理由で画像をレスポンシブ対応にうまく配置できない時があるかもしれません。何時間もかけて、いろいろな実装方法を試すこともあるでしょう。

CSSハックは無しで、レスポンシブ用に画像のサイズ変更を処理して配置するスタイルシートの5つのテクニックを紹介します。

Time-saving CSS techniques to create responsive images
by Adrien Zaganelli

下記は各ポイントを意訳したものです。
※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。

画像に適した方法で実装しよう

今、金曜日の17時だとします。あなたは仕事を終わらされなければなりません。しかし、手元にある画像はレイアウトに適していません。
そんな時に使えるCSSのテクニックがあります！

...