html - 现场动态调整固定菜单的大小

Question

这里的目标是让次要固定 flavor 菜单随主要内容动态调整大小。

该站点的最大尺寸为 1086 像素，最小宽度为 960 像素。

二级菜单同样需要调整大小。我已经尝试了多种方法来做到这一点，但还没有探索 JS 解决方案。我什至不确定此时该从哪里开始。

这是网站:

https://devtest.eboost.com/

我目前将菜单设置为 960 像素宽度并居中。

谢谢，

乔治

Answer 1

只需将链接的宽度设置为 width: 20%;这应该将 5 分成 20% 或包装器设置的任何值。

        a {
          display: block;
          float: left;
          width: 20%;
        }

同时查看 border-box 以处理我预计您接下来会遇到的填充问题。