Responsive Images
Resources
- Phone Pixel Density (PPI) List
- Srcset and sizes
- Picturefill
- A responsive image polyfill for
<picture>, srcset, sizes, and more
- A responsive image polyfill for
- High DPI Images for Variable Pixel Densities
- Working With h units
DevTools Console in Chrome
- Check the pixel ratio of a device:
window.devicePixelRatio - See the source for a chosen image: Select the element, then
$0.currentSrc
Examples
Udacity: Responsive Images code examples
Post written on August 13, 2015
Post written on 2015-08-13 00:00:00 -0700
Post written on 2015-08-13 00:00:00 -0700