Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@atnan
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.
<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