CSS vs разрешение экрана

inecs · 20.09.2002, 05:08

Подскажите пожалуйста работающий скрипт, который позволял бы загружать таблицу стилей в зависимости от разрешения экрана.

Crazy · [+1 23.05.11]

Код:

<html>
  <head>
    <title>Test</title>
    <noscript>
      <link href="default.css" rel="stylesheet" type="text/css">
    </noscript>
    <script>
      styles = new Array(640,800,1024,99999);
      i = 0;
      while (screen.width>styles[i])
        i++;
      document.write('<link href="'+styles[i]+'.css" rel="stylesheet" type="text/css">');
    </script>
  </head>
  <body>
    <h1>Test</h1>
  </body>
</html>

Здесь 640,800,1024,99999 -- список максимальных горизонтальных размеров, для которых сделаны css-файлы. Одновременно это имена css-файлов. Последним значением стоит число, заведомо большее любого возможного горизонтального размера. Т.е. файл 99999.css будет показан всем, у кого более 1024 пикселов в строке.