javascript и css @media screen

[varde]

Добрый вечер.

Ребят как можно выкрутиться. Делаю резиновый сайт и использую в css @media screen and (max-width:, ну и конечно же javascript. Все функции на jquery.
Проблема такая, если менять стили через javascript, то потом браузер уже выполняет только то, что задал через javascript и при изминении размера окна на @media screen не обращает внимения. Может можно как то указать на css в нужный момент. Перепробывал много всего, ну чтото все не так. Можно посмотреть пример youtube.com с меню и изминением размера окна. Пытаюсь сделать, что то похожее. Если не менять окно то все ок. Если менять то все мои блоки скачут

Возьмём пример такой:

$("#menu").click(function() {
 $("#block").css({ width' : '80%'});
  });

И даже если задавать различные

var w = $(window).width();
if (w >= '1314' // и так далее

Блок будет 80%. Надеюсь внятно объяснил проблему.

[рони]

if (w >= '1314' // и так далее

кавычки зачем?

[varde]

кавычки зачем?

Суть не в этом.

[рони]

Суть не в этом.

тогда попытайтесь обьяснить в чём проблема?

[varde]

Хорошо, попробую попроще. Кликаем на кнопку и задаем блоку определенную ширину. Как сделать так, что бы при изменении окна в меньшую сторону, браузер следовал правилам style.css для этого блока?

[рони]

varde,
ваш алгоритм не полный ... примерно так

$(window).resize(function() {
var w = $(window).width();
if(w < 1314) $("#block").css({ 'width' : ''});
});

[varde]

Спасибо Рони. Буду пробовать.