Skip to content

Instantly share code, notes, and snippets.

@XmlmXmlmX
XmlmXmlmX / Media-Queries.less
Last active December 24, 2015 21:39
Some useful media queries for responsive layouts and ie selection (media query hack from keith clark).
// Smartphones (portrait and landscape)
@phone-portrait-landscape: ~"only screen and (min-device-width : 320px) and (max-device-width : 480px)";
// Smartphones (landscape)
@phone-landscape: ~"only screen and (min-width : 321px)";
// Smartphones (portrait)
@phone-portrait: ~"only screen and (max-width : 320px)";
// iPads (portrait and landscape)