-3

Web サイトを作成すると画面に収まるのに、別の画面で Web サイトを開くと正しく動作しません (div が重なってしまいます)。ウィンドウのサイズを変更しても同じです。これについていくつかの投稿を見ましたが、それでも良い答えはありません。全部入れる容器を作ってみましたが、やはり同じです。

答えはありますか、なぜこれが起こっているのですか？

コンテナーの CSS コード:

#container
{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

私は次のようにHTMLに入れました：

<div id="container">
Content goes here
</div>

編集: みんな、私はあなたが私を理解していないと思います. 別の画面解像度にすると、すべての div が移動します。私が完全に間違っていなければ、すべてが動くと思います。これを行う本当の方法を知りたいです。職業はなんですか？

http://i49.tinypic.com/8wwo6r.jpg

http://i48.tinypic.com/359ydc9.jpg

最終編集:パーセンテージで修正しました。それはかなりうまくいくようです！ご回答ありがとうございます。私は自分自身を十分に明確にしなかったので、これが私にある種の悪い評判を与えることを知っています.

4

3 に答える 3

1

パーセンテージを使用したくない場合は、レスポンシブ デザインとメディア クエリを使用できます。基本的に、さまざまなブラウザー プロパティ (幅など) に基づいて、さまざまな CSS ルールを呼び出します。これについては、こちらのすばらしいチュートリアルを参照してください (実際の動作も確認できます)。

見積もり：

レスポンシブ デザインの 2 番目の部分は CSS3 メディア クエリです。これは現在、多くの最新のブラウザーで適切なサポートを享受しています。CSS3 メディア クエリに慣れていない場合は、基本的に、サイトの訪問者に関するデータを収集し、それを使用して CSS スタイルを条件付きで適用できます。私たちの目的のために、私たちは主に min-width メディア機能に関心があります。これにより、ブラウザー ウィンドウが指定できる特定の幅を下回った場合に、特定の CSS スタイルを適用できます。

于 2013-01-24T13:43:04.057 に答える
0

<div>( <div id="container">) を 960 ピクセル幅に設定しました。幅が 960 ピクセル未満のブラウザ ウィンドウでページを表示すると、<div>は収まりません。

あなたの質問はあまり明確ではありません。「別の画面でウェブサイトを開くと、正しく動作しません」とおっしゃいましたが、どのように動作しないかについては語られていません。ヘルプを得るには、次の 3 つのことを十分に詳しく説明する必要があります。

  • 何をしたか (たとえば、どのコードを書いたか、そのコードを実行するためにどのような手順を踏んでいるか)
  • あなたが行ったことからどのような結果を期待するか
  • 実際にどのような結果が得られているか
于 2013-01-24T14:16:47.750 に答える