0

RWD でページを作成する div に問題があります。私の div には max-width: 800px が必要です。したがって、ブラウザのサイズを変更すると、div もサイズ変更され、最大値は 800px になりますが、機能しません。

HTML

<div id="container>
    <div class="show-section">
        <h3>Section 1</h3>
    </div>
    <div class="show-section">
        <h3>Section 1</h3>
    </div>
    <div class="show-section">
        <h3>Section 1</h3>
    </div>
</div>

CSS

body {
    background-color: #fffff7;
    font: 16px/22px Helvetica, Arial, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}
#container {
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    max-width: 800px;
}

最大幅: 800px

ここに画像の説明を入力

幅: 70%

ここに画像の説明を入力

約720に達すると。サイズ変更されておらず、画面の中央に配置されるべきではありませんが、代わりに max-width: 800px; width: 70% で動作します。しかし、画面が大きすぎるとdivも大きくなり、サイズ制限が必要になるため、そのようにしたくありません。

4

1 に答える 1

3

「コンテナ」IDの後に少し二重引用符を追加する必要がありました。

<div id="container>

に

<div id="container">

フィドル: http://jsfiddle.net/mUCSz/1/ . プレビュー ペインのサイズを変更するだけです。

于 2013-04-11T03:31:33.810 に答える