使用jquery的响应式导航栏

Question

我有一个导航栏，我想做出响应...当用户调整窗口大小并且宽度小于特定值时，<a>标记的填充应相应更改以容纳所有<li> 1}}当前窗口宽度内的元素...这是我的jsfiddle 在我的例子中，如果我们使寡妇的宽度小于390px，那么最后的元素就会降下来...我想这样当用户在小于390px时调整窗口宽度时，元素应该开始变小，可能是改变他们的左右填充.... 这样它就会变得敏感......我正在使用jQuery .... 我怎样才能做到这一点？

Answer 1

在CSS中使用媒体查询，在这种情况下不需要jQuery：

http://jsfiddle.net/5kNgy/2/

@media only screen and (min-width:0px) and (max-width:390px) {        
    .hor-menu ul li a {padding:2px;}
}

Answer 2

@media (max-width: 390px) 
{
    .hor-menu ul li a { padding: 0 0 0 0 !important; }
}

我认为这是你试图做的事情？