使用jquery的响应导航栏

我有一个导航栏，我想让它有响应性…当用户调整窗口大小，宽度小于特定值时，

在我的示例中，如果我们将窗口宽度设置为小于390px，则最后的元素将下降…我希望这样，当用户在窗口宽度小于390px时调整窗口宽度时，元素应该开始变小，可能是通过更改其左和右填充来实现的。。。。
因此，它将变得响应迅速…我正在使用jQuery。。。。
如何实现这一点？
在CSS中使用媒体查询，在这种情况下不需要jQuery：


我想这就是你想要做的？
请发布你的问题代码，JSFIDLE链接将被否决：我只有html标记和css…使用JSFIDLE我可以告诉你我是什么doing@vikasdevde我们希望您在帖子中发布代码的原因是为了便于查看，未来的游客将能够访问它。您仍然可以发布JSFIDLE作为补充。抱歉，我应该更明确地说您可以发布JSFIDLE链接，但您也需要发布问题代码。如果JSFIDLE关闭商店，这个问题将无效。你是对的。下次我问问题的时候我会记住…谢谢…Lowkase…但有没有办法使用jquery，我们可以顺利转型Vikas，你应该看看Twitter的Boostrap。你可以在这里重新发明轮子。。。你可以在每个媒体查询中使用CSS3转换来显示新CSS呈现时的效果。CSS媒体查询是实现您的要求的最佳方式。你可以在jQuery中这样做，但是你的模板和网站越大，它就会变得非常草率。
@media only screen and (min-width:0px) and (max-width:390px) {        
    .hor-menu ul li a {padding:2px;}
}

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