0

私はここで私の主題を画面幅の50％を占めているので、大きな画面ではかなりのマージンが残ります。ただし、小さい画面では、これは貴重な画面スペースを占有します。主題の幅を維持するためにマージンを「折りたたむ」ことは可能ですか？または、許容できる幅の範囲を指定しますか？基本的に、主題が縮小する前に、マージンを縮小したいと思います。

<!doctype html>

<html>

  <head>
  </head>

  <body style="margin-left:auto; margin-right:auto; width:50%;">

    <p style="height:100%; background:#878787;">some text</p>

  </body>

</html>
4

1 に答える 1

1

CSS@mediaクエリの使用を検討できます。

コンテンツの前に余白が縮小されるようにするには、コンテンツとmargin: 0 auto.

また、ピクセル幅が画面より広い場合は、その幅を小さくします。

body {
    width: 500px;
    margin: 0 auto;
}

@media screen and (max-width: 500px) {
    body {
        width: 250px;
    }
}
于 2013-03-07T04:02:20.883 に答える