Browse files

Added note on requirement for browser prefixes for HD images

  • Loading branch information...
1 parent c3c448c commit e6289b24727114b49bd11c80c3535d965fde2cf0 @wturrell committed Aug 12, 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 e6289b2

Please sign in to comment.