Skip to content

Instantly share code, notes, and snippets.

@atnan

atnan/df-banner-retina.html

Created February 21, 2012 05:28
Show Gist options
  • Star 3 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save atnan/1873958 to your computer and use it in GitHub Desktop.
Save atnan/1873958 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
df-banner-retina.html
<style type="text/css">
#banner img { width: 240px; height: 56px; }
#banner img.retina { display: none; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
#banner img.non-retina { display: none; }
#banner img.retina { display: block; }
}
</style>
<div id="Banner">
<a href="/" title="Daring Fireball: Home">
<img class="retina" src="/graphics/logos/retina.png" alt="Daring Fireball" />
<img class="non-retina" src="/graphics/logos/non-retina.png" alt="Daring Fireball" />
</a>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment