自定义响应式导航菜单（Naver）

Question

我使用Naver jQuery plugin创建了自适应导航菜单，但我很难实现所需的布局。 I've set up a fiddle here。我已经将媒体查询断点配置为640像素，而我希望导航菜单可以直接浮动在其中，而不是动员的＃34;状态，当插件初始化时，我希望列表项填充100％的标题宽度，中心文本在＆＃34; logo＆＃34;我想在左上角坚持下去。我试图找出需要相应调整的布局元素。

@media screen and (max-width: 640px) {
   nav li {
      float: none;
      width: 100%;
      text-align: center;
   }
}

感谢您的帮助。

Answer 1

如果用这个替换你的css，我认为这就是你要找的东西。

nav {
    width: 100;
}
nav ul {
    display: table;
    list-style-type: none;
    width: 100%;
}
nav li {
    display: table-cell;
    text-align: center;
    margin-right: 10px;
}