Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Added note on requirement for browser prefixes for HD images

  • Loading branch information...
commit e6289b24727114b49bd11c80c3535d965fde2cf0 1 parent c3c448c
William Turrell authored
Showing with 1 addition and 1 deletion.
  1. +1 −1  README.md
2  README.md
View
@@ -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">
Please sign in to comment.
Something went wrong with that request. Please try again.