语义下拉100％宽度？

http://jsfiddle.net/gL1xynzr/语义下拉100％宽度？

我怎么能作出这样的下拉菜单有：

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>

来源

2017-05-08 user1946932

只是给所述容器元件的固定宽度？ http://jsfiddle.net/gL1xynzr/1/ – KarelG

@ KarelG手机将有不同的宽度，所以我需要将宽度设置为100％，尽管 – user1946932

尝试使用vieport width单元

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

来源

2017-05-08 10:44:04 t1m0n

哇，这是天才（反正:)。 http://jsfiddle.net/gL1xynzr/2/ – user1946932

语义下拉100％宽度？

回答

相关问题