Cambiar hoja css responsive con Jquery

[danidg86]

Hola.

Estoy teniendo problemas con una pagina web responsive, ya que cambia muchos valores segun navegador. Uno de ellos es el de padding en Mozilla. Para corregirlo, he usado Jquery:

Código:

$(document).ready(function()
{
   var useragent=navigator.userAgent;
   var esff=useragent.indexOf("Firefox");
   
    if (esff!=-1)
   { 
   $('#menu>li').css({"padding-top":0+"px"});
   $('#menufooter>li').css({"padding-top":0+"px"});
   $('.leermas').css({"padding-top":3+"px"});
   }
});

Hasta aqui, todo funciona.

Sin embargo, los valores deben cambiar cuando el navegador se estreche, como especifico en una hoja de estilos css solo con los @media. Los valores siguen siendo los mismos que especifico en Jquery, en lugar de cambiar con el responsive.

¿Que hacer?

[pzin]

Normalmente no lo recomendaría, pero si haces eso en JavaScript, supongo que usar !important para tus reglas tampoco debe de importar mucho.

Lo que ocurre es que ese código mete el CSS dentro del atributo style y los estilos en linea tienen preferencia.

[danidg86]

Por ahora, me ha solucionado la papeleta. Muchas gracias.