レスポンシブ画像には、picturefill ( https://github.com/scottjehl/picturefill ) を使用しています。
750px を超えたときに画像を表示したいページがありますが、それ以下では表示したくありません (つまり、モバイル デバイスでは画像をまったく読み込まないでください)。
私のコード:
<picture>
<source srcset="myimage.png" media="(min-width: 750px)">
<img alt="Indicator Selection" class="step-img">
</picture>
このコードの種類は機能します - src が小さな画面にロードされないという点で (代替テキストのみが表示されます)。ただし、理想的には、ブラウザがモバイルで画像を検索しないようにしたいと思います。どうすればこれを達成できますか？