Question

我有一个HTML页面，其中正文包含div标记。在div标签的旁边，我有一个包含一些其他div标签的表。当我缩放身体时，应限制下拉div标签进行缩放（或者即使它被缩放我想将其恢复到原始大小）。正文的CSS是：

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>

Answer 1

您需要为div添加宽度，将以下内容放在样式表中

div.type-road-form { width: 1000px; }

如果你</table>之后需要额外<body>，则需要删除它。

Answer 2

没有没有好办法。您可以在这里获得更多参考：

How to keep a <div> constant in size as the user zooms in and out on the page?

Answer 3

我想你可以尝试用

设置你最多的父div

style="position:relative"

这对我有用，我认为这将是一个合适的解决方案，现在所有的儿童div都会相应地定位，不会移动。

如何在缩放页面时保持页面正文中div标签的大小不受影响？

3 个答案: