jquery - 複数の選択肢がある場合は、[複数で選択] ='複数'は、テーブルにあるときにデバイス画面に揃えられません

Question

たとえば、複数のチェックを可能にする選択メニューがあります。これは完全に正常に機能しますが、

<table width="100%">
    <tr>
     <td>
<div data-role="fieldcontain">
    <label for="select-choice-10" class="select">Choose state(s):</label>
    <select name="select-choice-10" id="select-choice-10" multiple="multiple" data-native-menu="false"  style="overflow: hidden">
        <option>Choose options</option>
        <option value="AL">Alabama</option>
        <option value="AK">Alaska</option>
        <option value="AZ">Arizona</option>
        <option value="AR">Arkansas</option>
        <option value="CA">California</option>
        <option value="CO">Colorado</option>
        <option value="CT">Connecticut</option>
        <option value="DE">Delaware</option>
        <option value="FL">Florida</option>
        <option value="GA">Georgia</option>
        <option value="HI">Hawaii</option>
        <option value="ID">Idaho</option>
        <option value="IL">Illinois</option>
        <option value="IN">Indiana</option>
        <option value="IA">Iowa</option>
        <option value="KS">Kansas</option>
        <option value="KY">Kentucky</option>
        <option value="LA">Louisiana</option>
        <option value="ME">Maine</option>
        <option value="MD">Maryland</option>
    </select>
</div>
  </td>
</tr>

問題は...私が設定したデバイス画面の場合

<meta name="viewport" content="width=device-width, initial-scale=1">

しかし、それでも複数のアイテム（たとえば10）を選択すると、メニューの長さがその幅に拡大して、選択した10個のアイテムすべてが表示されます。画面のこの部分はデバイス上で部分的に表示されます。

<-select style = "overflow：hidden">を試しましたが、まだ機能しません...この問題の解決にご協力ください...