Html 如何在缩放页面时保持页面主体中div标记的大小不受影响？_Html_Css

Html 如何在缩放页面时保持页面主体中div标记的大小不受影响？

html css

Html 如何在缩放页面时保持页面主体中div标记的大小不受影响？,html,css,Html,Css,我有一个HTML页面，其中正文包含一个div标记。在div标签的旁边，我有一个包含一些其他div标签的表。当我缩放主体时，下拉div标签应限制缩放（或者即使缩放了，我也希望将其恢复到原始大小）。正文的CSS是： body { width:1000px; padding-top:100px; zoom: 1.165; -moz-transform: scale(1.165); } 代码如下所示 <body> <!--end of button effec

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



选择道路类型
城市的
速度限制（英里/小时）


选择速度
25
30

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

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

顺便说一句，你有一个额外的

就在

之后，你需要删除它。

不，没有好的方法。您可以在此处获得更多参考：

我想你可以试着用

style="position:relative"

这对我来说很有效，我认为这将是一个合适的解决方案，现在所有的子div将被相应地定位，并且不会移动。

我仍然面临着同样的问题，即当主体缩放时，div标签将被重新调整大小。那么这解决了您的问题吗？我看了其他答案，似乎我误解了你的问题。