This is a test. I want to see if we can reliably load images only within specific media queries using only HTML and CSS without causing issues in older browsers.
On modern browsers rendering with a screen width of 20em or above, an image should be displayed in the box below. On older browsers or browsers displaying below 20em, you should not see an image, a broken image icon, or (optionally) displayed alt
text (typically displayed because the src
is not available).
Drumroll…
img
syntax lifted from the Picturefill documentation