I've only used @media queries a few times, for fairly simple sites, where all I really did was unfloat columns and a few other bits and pieces. So there's not necessarily a lot of extra code involved. It may be just a few lines. But I guess on bigger sites it could blow out.
Originally Posted by lutrov
I guess it's not as efficient to have completely separate style sheets for different devices. Does anyone know if devices download style sheets not intended for them? E.g. Would an iPhone download this?
If not, possibly the best approach is to place shared styles in one style sheet, and device-specific styles in secondary ones.
<link type="text/css" rel="stylesheet" href="/desktop.css" media="only screen and (min-width : 1224px)">