Разные 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.
|
Цитата:
|
document.documentElement.clientWidth Но только если верстка с доктайпом. |
Часовой пояс GMT +3, время: 14:55. |