1

说，我有一个选择菜单，它允许进行多项检查，它工作得非常好，

<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"> 但仍然无法正常工作...请帮我解决这个问题...

4

0 回答 0