jquery - 使用 jquery 的响应式导航栏

Question

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

Answer 1

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

我想这就是你想要做的？

Answer 2

在 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;}
}