In this screencast Russ Weakley shows you how to create high resolution background images including at a 2x and 3x resolution for narrow and wide screens using the webkit-min-device-pixel-ratio
and min-resolution
media queries.
View the code sample provided.
Loading the player…
Russ Weakley
View AuthorRuss Weakley is a world-renowned author, speaker and CSS expert, with a detailed knowledge of web design and development. Russ produced a series of widely acclaimed Sitepoint tutorials on CSS. He is currently touring a series of Responsive Web Design workshops around Australia.
AdvancedCSSangelamInstructional videoSitepoint Premium
Share this article