セマンティックドロップダウン100％幅？私はドロップダウンメニューを作ることができますどのように

Question

http://jsfiddle.net/gL1xynzr/

は持っている：

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

は、私は携帯電話の縦表示に水平に収まるように1つの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> 

Answer 1

はちょうどコンテナ要素に一定の幅を与えるvieport width単位

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