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?

如何在页面中缩小页面中的下拉菜单？

1 个答案: