Controlling content based on resolution

Hi all

There is an interesting article here on the problems with using vector
graphics for lower resolution icons.

http://www.pushing-pixels.org/2011/11/04/about-those-vector-icons.html

Obviously one way you could remedy this would be with new <switch>
attributes (eg. requiredWidth="32px" etc).  Another way would be with CSS
@media queries:

@media (max-width: 32px) {
  G.widget {
    display: none;
  }}

Has it been discussed here previously whether, and to what extent, @media
queries can be used in SVG stylesheets?

Paul