Am I missing sometihng?

Looks like it’s working to me. I see the image reloading at each breakpoint. I did notice that you may want to address the location of the post date. At smaller widths it gets cut off.

I think I have the issue duplicated. It’s only occurring on high resolution devices (or emulated high resolution devices). The resolution media query is being matched, but the browser width media query is being ignored.

In your provided example everything works as expected at 1x resolution. At 2x resolution, picturefill.js only outputting the “retina large” image, regardless of the browser width. Since it is not grabbing the “full” image size, we can tell that the resolution media query is being respected, but the width media query is not.

I will have to play around and see if this is something that can be fixed by refining the media queries, or if there is a bug in picturefill.js.

Thanks very much for reporting the issue.

Thanks Dru. I haven’t really played much with the responsiveness quite yet but thanks for the heads up.

Kyle I’m glad to see that it’s working. Very simple to use. Do you know if there’s a way to emulate a 1x resolution device from a mac to test in the future? Thanks for the response.

I’ve been using Chrome’s device emulation tool. I think that should work. Instead of choosing a device, you’ll probably just want to set the resolution and device pixel ratio manually.

I’ll report back when I’ve sorted something out with regard to the HDPI media queries.