srcsetアルゴリズムのテスト方法

Mac RetinaとGoogle Chrome開発者ツールでは、私のsrcsetの他のイメージを見ることができないので、私はこれを求めています。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">

いつもより大きな画像が表示されます。私がやっている

テストは以下のとおりです。 - 開発ツールを開く - 画像の解像度の近くに私のウィンドウのサイズを変更する - ページを更新

UPDATE

オンライン例を： Srcset

出典

2016-05-09 Italo Borges

これは私が抱えている問題です。解決策を見つけましたか？私はそれがキャッシングの問題かもしれないと思うようですが、私はよくわからないので、srcset/sizesが動作しているかどうかを調べるための設定メソッドを探しています。 – Daniel

@ダニエル、何も見つかりませんでした。私はアルゴリズムがうまく動作すると思うようになった。なぜなら、網膜の表示はすべて乱雑に見えるからである。 –

ページが...残念ながらもうオンラインではありません

まず、コードにsizes属性がないと、ブラウザーにイメージをレンダリングする幅が示されます。 srcsetにw記述子を使用すると、これは必須の属性です（現在）。

属性がない場合、ブラウザはデフォルトで100vwになります。これはビューポートの全幅を意味します。

あなたのRetinaディスプレイでは、キャッシュをクリアした後、ビューポートが700px以下のブラウザでページを読み込もうとしましたか？

出典

2017-03-24 10:41:46

答えをくれてありがとうNicolas。私はこれを解決するが、長い時間前だったのでもう覚えていない！ hehe。私はあなたが非常に明確に言ったことを理解することができました！ –

srcsetアルゴリズムのテスト方法

答えて

関連する問題