Firefox图片标签支持?

时间:2014-09-18 12:25:14

标签: html5 firefox retina

我试图在Firefox中使用picture标记。 Firefox 33(测试版)支持caniuse.com says that picture,我可以手动启用Firefox 32(当前)支持。

我打开了一个example from html5rocks我可以看到它无法正常工作。我也尝试了http://vm-0.krasulya.kd.io/。在webinspector网络面板中仅请求基本图像(src属性)。

这两个示例均适用于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>

1 个答案:

答案 0 :(得分:3)

Firefox中默认仍然禁用scrset属性(即使是夜晚,请参阅bug #870021)。要启用它,请转到about:config并将dom.image.srcset.enabled值设置为true

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

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