html - 页面中的下拉菜单如何在页面中缩放？

Question

我有一个 HTML 页面，其中页面的主体被缩放如下:

body {
    background: #E0D5B7 url(img/page_bg.jpg) repeat-x;
    margin:auto;
    width:1000px;
    padding-top:100px;
    zoom: 1.165; -moz-transform: scale(1.165);
}

然而，由于下拉菜单没有重新调整大小(缩放)，因此很难做出正确的选择。例如:如果用户选择索引 5 处的值，则它采用索引 3 处的值，因为下拉列表未根据正文缩放。我该怎么做？还有其他方法可以实现吗？

下面是该页面的下拉菜单。

<tr id="sped-limit">
    <td height="70">
        <label>Speed Limit (mph)</label>
        <br>
        <div class="drop-down">
        <select id="Drop-Down-Speed" name="Speed Limit Selection">
        <option >Select Speed</option>
        <option>25</option>
        <option>30</option>
        <option>35</option>
        <option>40</option>
        <option>45</option>
        <option>50</option>
        <option>55</option>
        </select></div>
    </td>
</tr>

Answer 1

因为菜单是文本，为什么不创建一个选项来使文本也变大 auto resize text (font size) when resizing window?