レスポンシブな画像srcset/sizes

Question

誰でも正しい方向に向けることができれば、レスポンシブな画像でいくらか苦労します。私はIMGを生成した

640 = 1カラム

640から992 = 2列

992+ = 3列 - Iブレークポイントとその表示

• 0をグリッドを使用してい

  <img src="img-270x215.jpg" 
  
       sizes="(max-width: 639px) 610px, 
         (max-width: 991px) 350px, 
         270px" 
  
       srcset="img-610x485.jpg 610w, 
         img-350x280.jpg 350w, 
         img-270x215.jpg 270w" 
  
       alt="Alt"> 
  

  と私は何をしwan'tにある：

  そうのようなタグ
  1. 最小幅：639px =>表示610pxワイド画像
  2. 最小幅：991px =>表示350pxワイド画像アップ
  3. 992及び=>表示270pxワイド画像

  残念なことに私の想像どおりに動作していません。 Chromeでビューポートのサイズを変更しようとすると、常に最大のものが読み込まれます。

Answer 1

コードは正常です。

あなたは網膜ディスプレイを持っていると考えられます。