Question: I can target all browsers using this code:

```
<link rel="stylesheet" media="screen and (min-device-width: 1024px)" href="large.css"/> 
<link rel='stylesheet' media='screen and (min-width: 1023px) and (max-width: 1025px)' href='medium.css' />
<link rel='stylesheet' media="screen and (min-width: 419px) and (max-width: 1023px)"  href='small.css' />

```

But media query design does not work on old versions of IE, so I have a problem with that browser as usual.

Answer: 
Use this jQuery snipet to set a class on the BODY tag:

```
$(document).ready(function(){
  var width = $(window).width();
  var class = 'small';

  if(width > 1024) {
    class = 'large';
  } else if(width > 1023 && width < 1025) {
    class = 'medium';
  }

  $('body').addClass(class);
});

```

With appropriate class (large/medium/small) on your BODY you are able to write CSS like this:

```
 body.large p {font-size: 25px};
 body.medium p {font-size: 20px};
 body.small p {font-size: 15px};

```

etc.
I really recommend using a javascript alternative like syze for example.

<http://rezitech.github.com/syze/>