如何在縮放頁面時不會影響頁面正文中div標籤的大小？

我有一個HTML頁面，其中正文包含一個div標籤。在div標籤中，我有一個包含一些其他div標籤的表格。當我放大身體時，下拉div標籤應該被限制縮放（或者即使放大了我想將其恢復到原始大小）。身體的CSS是：如何在縮放頁面時不會影響頁面正文中div標籤的大小？

body { 
    width:1000px; 
    padding-top:100px; 
    zoom: 1.165; -moz-transform: scale(1.165); 
}

代碼如下所示。

<body> 
<!--end of button effect--> 
<div class="type-road-form"> 
<h1></h1> 
<hr> 
<table> 
<tr id="rd-type"> 
    <td height="70"> 
     <div class="drop-down"> 
      <select name="select-rd-type" id="select-rd-type"> 
<option>Select Road Type</option> 
      <option>urban</option> 
     </div> 
    </td> 
</tr> 
<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> 
</div> 
</body>

來源

2012-10-26 user1403848