Chrome5似乎沒有支持HTML5圖片元素？ Srcset不工作

我剛開始一個新的網頁，所以沒有太多的標記去過去。Chrome5似乎沒有支持HTML5圖片元素？ Srcset不工作

我設置了下來：

<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，它應該支持圖片元素。但它似乎表現得好像它不支持它或什麼。我在這裏做錯了什麼？

來源

2016-08-30 David A. French

您確定圖片正在投放嗎？檢查開發工具「網絡」選項卡中的網絡請求 –

根據this source的<source>媒體屬性並不是在所有的支持...

來源

2016-08-30 20:03:07

https://googlechrome.github.io/samples/picture-element/上的工作是否正常，但是 –

最近w3schools已經落後於當前的規範。 –

應該在Chrome瀏覽器，也許你需要視meta標記來觸發不同的來源是什麼？ <meta name="viewport" content="width=device-width, initial-scale=1">Here is a simple picture-tag example它在鉻中工作。將它與您的網站進行比較，以瞭解不同之處。

來源

2016-08-31 07:54:23 cloned

我實際上是從該示例網站複製粘貼：/ idk發生了什麼。我最終得到了它的工作，但它仍然以意想不到的方式行事。我不知道爲什麼 –

picture元素中的img元素不是可選的。 picture包裝及其source元素是更改img，而不是取代它。

來源

2018-01-15 08:17:54 rspeed

Chrome5似乎沒有支持HTML5圖片元素？ Srcset不工作

回答

相關問題