Разные CSS от размеров браузера, как сделать?
 

Нужно что бы подгружались разные css в зависимости от ширины браузерного окна, не от разрешения дисплея
Почему document.body.clientWidth не работает в head? если в body всё нормально? а screen.width работает и там?
вот такой код, но он не пашет, в чём проблема?
Я это делаю для изменения размера шрифтов, как сделать что бы это всё работало на лету например как на drive.ru?
<script type="text/javascript">
{
if (document.body.clientWidth < 1450) document.write ('<LINK rel="stylesheet" href="temp/default/style.css" type="text/css">');
else {if (document.body.clientWidth < 1680) document.write ('<LINK rel="stylesheet" href="temp/default/style.css" type="text/css">');}
}
</script>

Копайте в сторону media queries. Либо expression для IE.

Потому что когда брауезер проходит по head, body ещё нету.

document.documentElement.clientWidth

Но только если верстка с доктайпом.