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?