13

新しい Web ページを開始したばかりなので、確認するマークアップはあまりありません。

私はこれを設定しました：

<picture>
    <source media="(min-width: 1000px)"
            srcset="images/largeme.jpg">
    <source media="(min-width: 465px)"
            srcset="images/medme.jpg">
    <img src="images/smallme.jpg"alt="hero profile">
</picture>

ウィンドウの幅に関係なく、デフォルトで medme.jpg 画像になります。私はこれを設定しました：

<picture>
    <source media="(min-width: 1000px)"
            srcset="images/largeme.jpg">
    <source media="(min-width: 465px)"
            srcset="images/medme.jpg">
   <!-- <img src="images/smallme.jpg"alt="hero profile">-->
</picture>

img フォールバック タグをコメント アウトしても、何も表示されません。

画像要素をサポートする Chrome 52 を実行しています。しかし、それをサポートしていないかのように動作しているようです。ここで何が間違っていますか？

4

4 に答える 4

3

クロムで動作するはずですが、さまざまなソースをトリガーするためにビューポートのメタタグが必要でしょうか? これは、クロムで動作<meta name="viewport" content="width=device-width, initial-scale=1"> する簡単な画像タグの例です。自分のサイトと比較して、違いを見つけてください。

于 2016-08-31T07:54:23.743 に答える