So I learnt a new trick today:
var mql = window.matchMedia("screen and (max-width: 320px)")
But it got me thinking about
@media only screen and (max-width: 500px)
and
(window.XMLHttpRequest)
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
Now as far as I understand progressive enhancement isn't only about JavaScript, obviously IE5 and IE6 couldn't handle the same CSS as IE10(as far as I understand).
Mostly I'm trying to figure out if media quires should be used with match media and browser detection, where do you draw the line? Or is it simply a case of add everything just to be on the safe side?
