2

Mac Retina および Google Chrome 開発者ツールで、srcset 内の他の画像が表示されないため、これを求めています。

<img srcset="image-415.jpg 415w,
             image-768.jpg 768w,
             image-992.jpg 992w,
             image-1440.jpg 1440w"
     src="image-1440.jpg" alt="Image">

それは常により大きなイメージをもたらします。

私が行っているテストは次のとおりです。-開発者ツールを開きます-ウィンドウのサイズを画像解像度に近づけます-ページを更新します

アップデート

オンラインの例: Srcset

4

1 に答える 1

2

残念ながら、あなたのページはもうオンラインではありません…</p>

まず、コードにsizes属性がありません。これにより、画像をレンダリングする必要がある幅をブラウザーに伝えます。wで記述子を使用する場合、これは (現在) 必須の属性ですsrcset。

ただし、属性が欠落している場合、ブラウザはデフォルト100vwで、ビューポートの全幅を意味します。

700pxRetina ディスプレイで、キャッシュをクリアした後、ビューポートの幅が狭いブラウザーでページをロードしようとしましたか?

于 2017-03-24T10:41:46.333 に答える