HTML 5.1のsrcset・sizes属性とpicture要素の使い方 - レスポンシブイメージで画像表示を最適化 - ICS MEDIA

日本のウェブサイトにおけるスマートフォン・タブレットユーザーのシェアは約40%に達し、今のウェブデザインはレスポンシブ対応しモバイルを意識した設計が必須です（参照「StatCounter」)。 レスポンシブなレイアウトにおいて画像を取り扱う場合、従来は複雑なCSS・JavaScriptコードが必要でした。HTML 5.1からは、課題を解決する新仕様「レスポンシブイメージ」が登場します。レスポンシブイメージを使えば、手間のかかるCSSやJavaScriptを必要としません。 本記事では、サンプルを通してレスポンシブイメージの特徴と使い方について解説します。 この記事で学べること ・img要素のsrcset属性とsizes属性の使い方 ・picture要素の使い方 ・未対応ブラウザへの対策（IE11で利用するための方法） レスポンシブイメージとは一体何か？レスポンシブイメージとは、レスポンシブ

[ktpj-jam]

あとで見る