Разные css для разных экранов

[John Do]

Как определить через скрипт размер экрана и подгрузить соответствующий файл css? Есть ли какие нибудь негативные моменты из практики при использовании данного способа?

[alexandr_v-vich]

Я думаю что-то типа того, хотя не пробывал..

if(screen.width == 1280) {documents.getElementsByTagName("link")[0 - если ваш css это первый тег <link> на странице].setAttribute("src") = "адрес нового CSS"}

Может где чего упустил. Думаю даже проще всё можно.

1280 - условно, там ваш размер экрана, при котором замените CSS

Минус только один пока вижу. Браузеры немного по разному определяют размер экрана

Это он, кстати, заменяет. Если нужно подгружать, добавляйте новый элемент через createElement (если такое есть о_О) и аттрибуты не забудьте прописать) Удачи

Edited March 24, 2012 by alexandr_v-vich

[NeoXidizer]

http://programmer-weekdays.ru/archives/176

помните, что ширина окна браузера != стандартная ширина монитора

а лучше сделайте резиновый шаблон

[gordi]

Возможно, скрипт описанный в http://trifler.ru/proportions03.htm

может оказаться лучшим решением, но в любом случае не забываем,

попытка решить проблему разных разрешений при помощи скриптов,

учитывает только ширину,

о пропорциях ширина/высота говорить не приходится

[SelenIT]

Размер экрана узнавать не нужно (кроме как для статистики). Для верстки важно знать размер окна браузера, точнее, viewport-а (подробности здесь).

В современном CSS для этого есть media queries.

[Chuv]

Подключаем jQuery и все в том же css просто добавляем еще один класс для другой ширины:

.some-element { 
    //properties 
}

.some-element.new-width {
    //new properties 
}

if($(window).width()>1024){
   $('.some-element').addClass('new-width');
}

Негативных моментов нет, кроме того что у юзера может быть отключен js в браузере.

Другое дело что такой подход в большинстве случаев не нужен.

Edited March 24, 2012 by Chuv

[John Do]

Всем спасибо, не думал что получу на свой вопрос столько интересных вариантов

[gordi]

В любом случае надо говорить о пропорциях всего (текст, графика), чем собственно и является визуальная составляющая сайта.

Но часто все сводится только к ширине, а это совершенно не учитывает соотношение высота/ширина.

Скажем, коэффициент разрешения 1024*768 составляет 1.33, а 1280*800 1.6 и как быть с этим?

Хотелось бы такого, но более простыми средствами - http://trifler.ru/i/layout/proportions/proportions_fontcg.html

Edited March 24, 2012 by gordi

[John Do]

Да я делаю резину для сложных макетов, много 1024 --> 1280, хочется как то ускорить и рационализировать процесс, а то как в ступе воздух мутишь. SelenIT, очень интересный материал, осталось как то ногой, что ли, его протолкнуть в практику.

gordi, о пропорциях всего присылайте ссылки с примерами - буду учиться, идея художника.