如何使下拉的菜单具有:
width: 100%;
max-width: 440px;
我打算在一个CSS表行上有4个这样的下拉菜单,以便水平放在手机纵向视图上,这样下拉菜单本身不能是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>
答案 0 :(得分:1)
尝试使用vieport width
单位
width: 100vw;
max-width: 440px;