使Button的宽度与浏览器宽度相同

Question

我有一个如下所示的按钮组：

我想让按钮的宽度变为动态，与浏览器的宽度相同。

<div id="opacnavigation" class="btn-toolbar" role="toolbar">       
    <div id="opacnavigation-btn" class="btn-group">                      
        <button type="button" class="btn btn-success ">
            <i class="icon-home"></i>
            Home                    
        </button>        
        <button type="button" class="btn btn-success">        
            <i class="icon-comment"></i>
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                About the Library                                         
            </a>            
            <b class="caret"></b>                
            <ul class="dropdown-menu" role="menu">
                <li><a href="#" tabindex="-1" role="menuitem">Library Hours</a></li>
                <li><a href="#" role="menuitem">Board of Visitors</a></li>
                <li><a href="#" role="menuitem">Department and Staff</a></li>                    
                <li><a href="#" role="menuitem">Direction Maps</a></li>                    
                <li><a href="#" role="menuitem">Equipment</a></li>
                <li><a href="#" role="menuitem">Floor Plans</a></li>
                <li><a href="#" role="menuitem">Information and Policies</a></li>
                <li><a href="#" role="menuitem">Mission and Vision</a></li>
            </ul>    
        </button>
        <button type="button" class="btn btn-success ">
            <i class="icon-question-sign"></i>   
            Help
        </button>                                       
   </div> 
</div>

如何通过使用CSS的媒体查询来完成此操作？

@media only screen and (min-width: 0px) and (max-width: 608px){
    ....???
}

Answer 1

<button type="button" style="width: 100%;"> //etc </button

但是你的div也需要和浏览器一样宽。

Answer 2

这样做：

<input type="button" style="width: 100%;"/>

此外，请确保为您的div做同样的事情

Answer 3

对按钮样式使用width = 100％

Answer 4

让父母DIV宽度为100％

然后制作BUTTON WIDTH 100%

<DIV STYLE="WIDTH:100%">
<input type="button" style="width: 100%;"/>
<input type="button" style="width: 100%;"/>
<input type="button" style="width: 100%;"/>
</DIV>