ページの本文が次のようにズームされている 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>