我试图在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>
答案 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
来测试非视网膜设备上的视网膜。