HTML <picture>元素不會在Chrome 42個工作

這是我<picture>頁面上的元素：HTML <picture>元素不會在Chrome 42個工作

<picture> 
    <source media="(max-width: 6400px)" srcset="./images/large.jpg 1024w" sizes="100vw" /> 
</picture>

但是，當我在Chrome瀏覽器中打開我的網頁，我看不到任何畫面。 devtools網絡面板甚至不需要圖像。

我檢查了caniuse.com，表示Chrome 42支持<picture>元素。

那麼爲什麼<picture>不起作用？

來源

2015-04-16 hh54188

爲什麼不使用？ – wijaya

如果我正確解釋了[此規格]（https://html.spec.whatwg.org/multipage/embedded-content.html#the-picture-element），您仍然需要''內部的' '。 ''元素只是讓它從圖片網址列表中進行選擇，而不是僅僅選擇一個。 – ajp15243

據caniuse，<picture>支持是在鉻使experimental Web Platform features條件：//標誌

來源

2015-04-16 02:04:12 Jason

你缺少<img>內<picture>。將您的HTML更改爲：

<picture> 
    <source media="(max-width: 6400px)" 
      srcset="./images/large.jpg 1024w" sizes="100vw" /> 
    <img src="default.jpg" alt="my images" /> 
</picture>

來源

2016-02-18 22:37:50 tronman

HTML <picture>元素不會在Chrome 42個工作

回答

相關問題