Skip to content

Instantly share code, notes, and snippets.

View iamtyce's full-sized avatar

Tyce iamtyce

View GitHub Profile
@acconrad
acconrad / gist:3350416
Created August 14, 2012 15:48
How to target mobile devices with CSS Media Queries
@media only screen and (-webkit-device-pixel-ratio: .75) {
/* CSS for Low-density screens goes here *
* Ex: HTC Evo, HTC Incredible, Nexus One */
}
@media only screen and (-webkit-device-pixel-ratio: 1) and (max-device-width: 768px) {
/* CSS for Medium-density screens goes here *
* Ex: Samsung Ace, Kindle Fire, Macbook Pro *
* max-device-width added so you don't target laptops and desktops */
}