Responsivt webdesign med css

Jeg skal lave et responsivt layout til en webside og har i spm/963767 fundet dette javascript i et svar fra olebole.
<script type="text/javascript">
var s, w = screen.availWidth, h = screen.availHeight;

if (w<=640 && h<=480) {
s = "stylesheets/mobil.css";
}
else if (w<=800 && h<=600) {
s = "stylesheets/tablet.css";
}
else {
s = "stylesheets/pc.css";
}

document.write("<link href='"+s+"' rel='stylesheet' type='text/css'>");
</script>

Men når jeg tjekker på tabletten er det pc-udgaven af CSS'en der er brugt.
Hvad er der skævt her?