如何在一个页面中放大页面中的下拉菜单？

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?