试图让我的 Wordpress 导航真正响应 - 功能主题（优雅主题）
Trying to make my Wordpress nav TRULY responsive - Function theme (Elegant Themes)
我正在尝试让我的 Wordpress 导航真正响应。从某种意义上说，它是响应式的，一旦达到 767 像素，它就会切换到适合移动设备的导航，一切都很好。
不过，我想做的是，对于介于 767 像素和无穷大之间的任何屏幕尺寸，它都能按比例放大和缩小以适合。
目前，我正在通过使用媒体查询断点、调整字体大小和锚填充来管理它。
我也尝试过各种导航插件，但它们似乎也没有按照我想要的方式处理。
有没有办法将某些 CSS 属性设置为百分比，这样当我慢慢改变浏览器的宽度时，它会动态调整导航，使其占据导航的整个宽度栏，但不换成两行??
www.thecyclery.net.au
谢谢！
乔恩
您可以使用 flexbox 来布局您的导航。
我发现的关键是将 flex-grow 添加到您的列表项。
.flex-item {
flex-grow:1;
}
您必须调整当前的 css 以适应。我的意思是，您可能必须从链接中删除一些样式，然后将它们添加到 li 中。
我的例子：
http://codepen.io/partypete25/pen/YWwXXY
在此处了解更多信息：
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
我正在尝试让我的 Wordpress 导航真正响应。从某种意义上说，它是响应式的，一旦达到 767 像素，它就会切换到适合移动设备的导航，一切都很好。
不过，我想做的是，对于介于 767 像素和无穷大之间的任何屏幕尺寸，它都能按比例放大和缩小以适合。
目前，我正在通过使用媒体查询断点、调整字体大小和锚填充来管理它。
我也尝试过各种导航插件，但它们似乎也没有按照我想要的方式处理。
有没有办法将某些 CSS 属性设置为百分比，这样当我慢慢改变浏览器的宽度时，它会动态调整导航，使其占据导航的整个宽度栏，但不换成两行??
www.thecyclery.net.au
谢谢！ 乔恩
您可以使用 flexbox 来布局您的导航。
我发现的关键是将 flex-grow 添加到您的列表项。
.flex-item {
flex-grow:1;
}
您必须调整当前的 css 以适应。我的意思是，您可能必须从链接中删除一些样式，然后将它们添加到 li 中。
我的例子： http://codepen.io/partypete25/pen/YWwXXY
在此处了解更多信息： https://css-tricks.com/snippets/css/a-guide-to-flexbox/