2015-12-25 7 views
6

<img>にブレークポイントなしのアブソリュートイメージセット(つまり、sizesアトリビュートがない)を使用すると、同じ解像度のイメージをいくつか提供し、srcset属性で定義します。 1x2x3xHTML5 srcset:1xは必須ですか?

はしかし、通常、画像の1xバージョンがすでにsrc属性で定義されているだけで同じ画像であるので、それは少し冗長です。したがって、私は疑問に思っています - srcsetパラメータのの1xバージョンを実際に必要/必須と定義していますか?次いで、少なくともFirefoxが正しく350x150画像が表示されるとすぐズームレベル/ DPPXが> 1あるとして、それは700x300画像を使用するだけ

<img src="http://placehold.it/350x150" srcset="http://placehold.it/700x300 2x"> 

代わり

<img src="http://placehold.it/350x150" srcset="http://placehold.it/350x150 1x, http://placehold.it/700x300 2x"> 

のを使用して

srcsetの1xの定義を省略すると、特にサムネイルギャラリーが大きいページに数バイトは保存されます。

答えて

7

Specificationは言う:はありません、値が空の文字列ではなく、ソースは1の密度記述子の値を持つイメージソースが含まれていませんを設定し、src属性を持つ

場合幅記述子を持つ画像ソース、srcの属性値をソースセットに追加します。あなたが1xソースを省略することができることを意味し

もしそのsrc属性と同じですが、あなたは幅記述子を使用している場合、それを行うことはできません。

+0

ありがとうございました。意味をなさない – fritzmg

関連する問題