sizes
PictureFill 2.0ポリフィルで属性が正確に何のためにあるのかを理解しようとしています。以下にいくつかの基本的な例を示します。
<img sizes="100vw, (min-width: 40em) 80vw"
srcset="pic-small.png 400w, pic-medium.png 800w, pic-large.png 1200w" alt="test">
<img sizes="(min-width: 40em) 80vw, 100vw"
srcset="medium.jpg 375w, medium.jpg 480w, large.jpg 768w" alt="A car">
ドキュメントによると:
構文は、
sizes
いくつかのブレークポイントで画像のサイズを定義するために使用されます。srcset
次に、画像の配列とその固有のサイズを定義します。
したがって、sizes
属性はブレークポイント全体の画像のサイズを定義します。それがCSSの目的ではありませんか?画像が HTML 属性でどのように表示されるかについて、CSS のようなルールを定義するのはなぜですか? ここで何が欠けていますか?
余談ですが、公式ドキュメントに次のように記載されているのはなぜですか。
新しい srcset および size 属性の使用方法について詳しく説明することは、このガイドの範囲を超えています...
なんだ?それは私を笑わせました。それはドキュメンテーションのためのものではありませんか?