2

我正在尝试picture在 Firefox 中使用标签。caniuse.com 表示picture在 Firefox 33（测试版）中支持，我可以手动启用对 Firefox 32（当前）的支持。

我从 html5rocks打开了一个示例，我可以看到它不起作用。我也尝试过自己的http://vm-0.krasulya.kd.io/。srcwebinspector 网络面板中仅对基本图像（属性）有请求。

这两个示例都适用于 Chrome Canary。

根据http://www.whatwg.org/specs/web-apps/current-work/multipage/edits.html#the-picture-element HTML 是正确的。

FF支持picture吗？

UPD

这是我的标记：

<picture>
    <source
        src="1.jpg"
        type="image/jpeg"
        media="(min-width: 300px)"
        srcset="1.jpg, 2.jpg 2x"/>
  <img 
    src="1.jpg" 
    srcset="1.jpg, 2.jpg 2x">
</picture>
4

1 回答 1

3

在 Firefox 中，突然scrset属性仍然默认禁用（即使是 Nightly，请参阅错误 #870021）。要启用它，请转到about:config并将dom.image.srcset.enabled值设置为true。

这是测试它的页面：http: //pepelsbey.net/pres/picture/demos/retina.html

还有一个layout.css.devPixelsPerPx标志可以设置为2.0在非视网膜设备上测试视网膜。

于 2014-09-21T07:11:00.157 回答