Skip to content
Browse files

Merge pull request #39 from wturrell/readme-browser-prefix-note

Added note on requirement for browser prefixes for HD images
  • Loading branch information...
2 parents c3c448c + e6289b2 commit a169e655cae2e4a15058864915f40e6b54359b23 Scott Jehl committed Aug 16, 2012
Showing with 1 addition and 1 deletion.
  1. +1 −1 README.md
View
2 README.md
@@ -49,7 +49,7 @@ Notes on the markup above...
Picturefill natively supports HD(Retina) image replacement. While numerous other solutions exist, picturefill has the added benefit of performance for the user in only getting served one image.
-* The `data-media` attribute supports compound media queries, allowing for very specific behaviors to emerge. For example, a `data-media="(min-width: 400px) and (min-device-pixel-ratio: 2.0)` attribute can be used to serve a higher resolution version of the source instead of a standard definition image.
+* The `data-media` attribute supports [compound media queries](https://developer.mozilla.org/en-US/docs/CSS/Media_queries), allowing for very specific behaviors to emerge. For example, a `data-media="(min-width: 400px) and (min-device-pixel-ratio: 2.0)` attribute can be used to serve a higher resolution version of the source instead of a standard definition image. Note you currently also need to add the `-webkit-min-device-pixel-ratio` prefix (e.g. for iOS devices).
```html
<div data-picture data-alt="A giant stone face at The Bayon temple in Angkor Thom, Cambodia">

0 comments on commit a169e65

Please sign in to comment.
Something went wrong with that request. Please try again.