语义下拉 100% 宽度？

Question

如何让下拉菜单有：

width: 100%;
max-width: 440px;

我计划在 CSS table 行中放置 4 个这样的下拉菜单，以便水平适合移动设备 phone 纵向视图，因此下拉菜单本身不能为 100 %宽度，只有下拉的菜单。

<div id="heroes-dropdown" class="ui dropdown">
    <div class="text">Heroes</div>
    <i class="dropdown icon"></i>
    <div class="menu">
        <a class="item"><i class="edit icon"></i> Edit Profile</a>
        <a class="item"><i class="globe icon"></i> Choose Language</a>
        <a class="item"><i class="settings icon"></i> Account Settings</a>
    </div>
</div>

Answer 1

尝试使用vieport width个单位

width: 100vw;
max-width: 440px;

语义下拉 100% 宽度？

Semantic dropdown 100% width?

html

css

semantic-ui