我有一个 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>