0

本文に div タグが含まれる HTML ページがあります。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>
4

3 に答える 3

0

divに幅を追加する必要があります。スタイルシートに次のように入力してください

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

ところで、あなたはそれを削除する必要がある</table>直後に余分なものがあります。<body>

于 2012-10-26T05:26:13.867 に答える
0

いいえ、それを行う良い方法はありません。ここでより多くの参照を得ることができます：

ユーザーがページをズームインおよびズームアウトするときに <div> のサイズを一定に保つ方法は?

于 2012-10-26T05:35:58.813 に答える
0

私はあなたが最も親のdivを設定しようとすることができると思います

style="position:relative"

これは私にとってはうまくいきました。これは適切な解決策になると思います。これで、すべての子 div がそれに応じて配置され、移動しなくなります。

于 2012-10-26T06:39:32.530 に答える