VS2015 サイトに、デスクトップでは作成した横長の画像を表示し、モバイル デバイスでは縦長の画像を表示したいと考えています。サイズの歪みを避けるために、2 つの別々のトリミングされた画像があります。非表示または表示するメディア クエリで css を使用しようとしましたが、常に両方の画像が表示されました (ページのサイズを変更するための他のメディア クエリは正常に動作します)。画像タグを試しました：
<picture>
<source srcset="../Images/Chalkboard414.jpg" media="(max-width: 450px)">
<source srcset="../Images/Chalkboard900.jpg">
<img srcset="../Images/Chalkboard900.jpg>"
</picture>
画像の塗りつぶしをダウンロードし、これをヘッダーに追加しました
まだ成功していません。初心者の質問で申し訳ありませんが、単純なアイデアのように見えるものについて何か助けていただければ幸いです。
グレッグ