Blog We love to talk!

Nov Tue

Cross Browser Picture tag

  •  11-10-2015

Picture tag is a responsive images method to control which image resource a user agent presents to a user, based on resolution, media query and/or support for a particular image format.

Browser Support

This feature is already supported by a few major browsers including Chrome, Microsoft Edge and Opera.

Code Example

You can use Picture tag like this:

    media="(min-width: 650px)"
    media="(min-width: 465px)"
    alt="a cute kitten">

More Information

More information can be found here.

No Comments

Leave a Reply

Your email address will not be published.