Dropboxのサイズを修正できますか？

Question

私のアプリケーションのWebページの1つ。 17インチの画面から15インチの画面に移行すると、Dropboxのサイズが変わったことに気付きました。私の質問は、Dropboxのサイズを修正して、17の「画面から15」に移動したときに変更しないようにすることができますか？

17" スクリーン

15「スクリーン

私はDropboxの大きさの程度だけ心配しています。ここで助けてください。

<div class="col-md-3 hidebtnmobile"> 
    <div class="col-md-7" style="width: 46%"> 
     @Html.DropDownList("ChangeStatus", Model.GetAllStatus().OrderBy(l => l.Text), "-- Multi Status Change --") 
    </div> 
    <div class="col-md-5" style="padding-left: 0;"> 
     <button class="btn large primary-bg " style="margin-right: 5px; font-size: 12px;" title="Status Change" onclick=" ChangeMultiStatus(); return false;">Multi-Status</button> 
    </div> 
</div 

>

Answer 1

これは、列のサイズ変更によるものである場合に、表示変更の解像度：

は、以下のコードから、私のdiv要素です。ドロップダウンリストにクラスを指定し、ドロップダウンリストに最小幅を適用することができます。

ビュー：

@Html.DropdownList("ChangeStatus", Model.GetAllStatus().OrderBy(l => l.Text), "-- Multi Status Change --", new { @class = "ddl-fixed" }) 

CSS：あなたは割合であることをDropDownListコントロールのスタイルプロパティを設定している

.ddl-fixed { 
    min-width: ##px; 
} 

Answer 2

。

<div class="col-md-7" style="width: 46%"> 
    @Html.DropDownList("ChangeStatus", Model.GetAllStatus().OrderBy(l => l.Text), "-- Multi Status Change --") 
</div> 

幅の割合によって、ドロップダウンリストが画面サイズで変更されることがよくあります。 DropDownListスタイルをピクセル（px）などの一定の幅測定値に変更すると、「Dropbox」のサイズが異なる画面で変更されなくなります。変更については、以下のコードを参照してください。 "50"は好きな番号にすることができます。あなたのサイズを修正することができます。この方法によって

<div class="col-md-7" style="width: 50px"> 
    @Html.DropDownList("ChangeStatus", Model.GetAllStatus().OrderBy(l => l.Text), "-- Multi Status Change --") 
</div> 

Answer 3

はい：

<div class="col-md-6" style="width: 180px;"> 
        @Html.DropDownList("ChangeStatus", Model.GetAllStatus().OrderBy(l => l.Text), "-- Multi Status Change --") 
       </div> 
       <div class="col-md-6" style="padding-left: 0;"> 
        <button class="btn large primary-bg " style="margin-right: 5px; font-size: 12px;" title="Status Change" onclick=" ChangeMultiStatus(); return false;">Multi-Status</button> 
       </div>