基本的に画像と付随するテキストであるページに記事をレンダリングする部分的なテンプレートがあります。ランディング ページでは、さまざまなクラスの複数の記事をページに表示します。先頭の記事は全幅、2 番目の記事は 2 番目の幅、3 番目の幅は 3 番目の記事になります。また、サイドバー記事の幅が非常に狭い場合もあります。ビューポートによっては、画像がテキストの上または左にレンダリングされる場合があります。
要約すると、同じ記事の HTML は、コンテキストに応じてさまざまな方法でレンダリングされます。
最新の srcset 仕様でこれを説明する方法はありますか?
私が言えることから、コンテキストごとに異なるサイズ属性が必要であり、本質的にレイアウト/ブレークポイントをマークアップに結合する必要があります。これは、非常に多くのコンテキストを持つ私の実装では、サーバー側のロジックを恐ろしくします。