Css 导航菜单项Flexi Width

我想做一个导航菜单，比如Zillow.com，当屏幕缩小时，每个项目的宽度也会缩小一点。这是怎么做到的

这是我正在做的工作

---

Cheers

好吧，从Zillow.com的css中可以看到，您可以在菜单项上找到这些属性

css部分是：

.nav-top-container .nav-section {
    width: auto;
    height: 100%;
    -webkit-box-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

根据，flex属性允许所有灵活的项目具有相同的长度，与内容相关。菜单部分的父div具有css：

---

所以它的最大宽度为680px，但当屏幕变小10时，它的宽度会改变。请参阅

问题，寻求代码帮助必须包括在问题本身中复制代码所需的最短代码，最好是在。见注。我道歉。

max-width: 680px;
-webkit-flex-grow: 10;
-ms-flex-grow: 10;
-webkit-box-flex: 10;
-ms-flex-positive: 10;
flex-grow: 10;