応答<picture>代替画像

Question

私は<picture>要素を使用して、モバイル用に1、min-width: 768pxに1、フォールバックとしてIE用に1つの異なる画像を提供しようとしています。

<picture> 
    <source class="article-bg-image" media="(min-width: 768px)" srcset="tablet-desktop.jpg" alt="Text" title="Text"> 
    <img class="img-responsive" srcset="mobile.jpg" alt="Text" title="Text"> 
</picture> 

これはモバイルとデスクトップでは正常に動作しますが、モバイルイメージをIEのフォールバックとして使用しないようにします。モバイル用の画像を具体的にどのように提供しますか？私はmedia属性のない第2のsourceを試しましたが、使用されませんでした。

ありがとうございます！

Answer 1

あなたは

<img src="mobile.jpg" class="img-responsive" srcset="large.png 1280w,medium.png 640w, small.png 320w" sizes="100%" alt="Text" title="Text"> 
 

この方法を試すことができます