1

私は次のようなhtmlを持っています:

<div id="container">
   <div id="content">
      <!-- whole site here -->
   </div>
</div>


#container {
  width: 1280px;
  background-image: url(/image);
}

#content {
  width: 890px;
}

ブラウザ ウィンドウのサイズが 1280px 未満に変更されたときに、コンテンツの幅 (890px) に達するまで水平スクロールバーを開始しないようにする方法を知っている人はいますか? 私はこれについて何時間も頭を悩ませてきました。私はあらゆる種類の負のマージンのトリックを聞いたことがあり、いくつか試してみましたが、役に立ちませんでした。主な問題は、これが何と呼ばれているかさえ知らないため、検索するのが非常に難しいことです。誰かが私を正しい方向に向けることができますか? ありがとうございました。

4

1 に答える 1

4

やってみました：

@media all and (max-width: 1280px) {
    #container { width: 100%; }
}

上記のすべては#container、画面の幅が 1280 ピクセル未満の場合に、画面の幅を作成することです。

#content固定幅のままであるため、スクロールバーは 890px で起動するはずです。

それが解決することを願っています。

メディア クエリについて聞いたことがない場合は、Google で検索してください。メディア クエリを使用して、非常に優れた操作を行うことができます。

于 2012-12-13T22:11:04.673 に答える