Zurb foundation 基础6，下拉菜单框大小 我用基金会6创建了一个顶部栏菜单，查看它的文档和页面上的一些教程。在移动视图中，我设法使其响应性地工作，从下拉更改为向下搜索。好吧，但我有点遗漏了。下拉框不会展开以使菜单选项每行显示一行。基础类“下拉子菜单”设置最小宽度为200 p

基础6，下拉菜单框大小 我用基金会6创建了一个顶部栏菜单，查看它的文档和页面上的一些教程。在移动视图中，我设法使其响应性地工作，从下拉更改为向下搜索。好吧，但我有点遗漏了。下拉框不会展开以使菜单选项每行显示一行。基础类“下拉子菜单”设置最小宽度为200 px。但这不是最小宽度。它用作最大宽度，因为下拉框不会扩展到该值之外。我必须手动设置一个较大的宽度，以便将所有菜单选项分别放在一行中。有没有办法自动调整下拉框的大小？ 有什么想法吗

<div class="top-bar">
        <div class="wrapper">
            <div class="top-bar-title">
                <span data-responsive-toggle="responsive-menu" data-hide-for="medium">
                    <button class="menu-icon" type="button" data-toggle></button>
                </span>
                <img class="logo" src="https://placehold.it/145x40&text=LOGO">
            </div>
            <div id="responsive-menu">
                <div class="top-bar-left">
                    <ul class="vertical medium-horizontal menu navigation" data-responsive-menu="drilldown medium-dropdown" 
                    data-back-button='<li class="js-drilldown-back"><a tabindex="0">Return</a></li>'>
                        <li>
                            <a href="#">Lorem Ipsum</a>
                            <ul class="vertical menu">
                                <li><a href="#">Lorem Ipsum</a></li>
                                <li><a href="#">Lorem Ipsum</a></li>
                                <li><a href="#">Lorem Ipsum</a></li>
                                <li><a href="#">Lorem Ipsum Dolor Sit Amet</a></li>
                                <li><a href="#">Lorem Ipsum Dolor Sit Amet</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">Lorem</a>
                            <ul class="vertical menu">
                                <li><a href="#">Ipsum</a></li>
                                <li><a href="#">Lorem Ipsum Dolor Sit Amet</a></li>
                                <li><a href="#">Lorem Ipsum Dolor</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Lorem Ipsum Dolor Sit Amet</a></li>
                        <li><a href="#">Lorem</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

谢谢你的密码笔。请澄清。你不喜欢包装？屏幕截图-在非常小的屏幕上，这种包装是可以接受的（但实际上，该菜单将更改为移动格式）。正如我在问题中所说，F6有一个“.is”下拉子菜单“CSS类”，默认值为200px。尝试在我的代码笔上更改该值，或者完全删除该类，看看我在说什么。我想要的是宽度大小根据我的菜单文本项相应地增长。不幸的是，F6文档对所有选项都不够清楚，目前我没有选择更改为另一个框架：/所以您希望文本按比例调整以适合？感谢代码笔。请澄清。你不喜欢包装？屏幕截图-在非常小的屏幕上，这种包装是可以接受的（但实际上，该菜单将更改为移动格式）。正如我在问题中所说，F6有一个“.is”下拉子菜单“CSS类”，默认值为200px。尝试在我的代码笔上更改该值，或者完全删除该类，看看我在说什么。我想要的是宽度大小根据我的菜单文本项相应地增长。不幸的是，F6文档对所有选项都不够清楚，目前我没有选择更改为另一个框架：/所以您希望文本按比例缩放以适应吗？