CSS 背景画像に相当する srcset はありますか? 質問する

CSS 背景画像に相当する srcset はありますか? 質問する

imgwithsrcset属性は、レスポンシブな画像を作成するための優れた方法のように見えます。CSS プロパティで機能する同等の構文はありますかbackground-image?

html

<img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah">

CS

.mycontainer {
    background: url('what goes here?');
}

ベストアンサー1

image-set同等の CSS 機能です。同等の srcset 機能 (寸法に応じてリソースを定義する) を仕様に追加する必要があります。

2023年5月4日以降にリリースされたすべての主要ブラウザは、プレフィックスなしでこれをサポートしています。古いブラウザ(主にChromeとEdge)をサポートするには、プレフィックス付きのバリアントを追加できます-webkit-使ってもいいですか

おすすめ記事