-2

たとえば、私のサイトがFacebookのように機能するようにするには、CSSに何を入力する必要がありますか。フェイスブックでブラウザのウィンドウのサイズを変更しても、コンテンツのサイズは同じままで、下部にスクロールバーがあります。幅を設定するためにパーセンテージを使用しましたが、出力はあまり好きではありません。

私のCSSはこれです。

#html {

height:100%;
overflow: scroll;
}

#body {
min-width: 1024px;
height: 100%;
}

#container {
margin-top: 0px;
width: 100%;
height: 100%;
}
#bloccoCentrale {
margin-top: 0px;
margin-left: 5%;
margin-right: 5%;
min-width: 80%;
height: 100%;
}

#centro {
margin-bottom: 10px;
min-height:930px;
}

ページはこの画像のように構成されています。 http://img846.imageshack.us/img846/109/immaginejjr.png ありがとう。私はそれが非常に混乱していることを知っています!!!

私のcssで編集 してくださいこれは私がウィンドウのサイズを変更したときに起こることです！ http://img850.imageshack.us/img850/2197/cattura2wq.png

4

2 に答える 2

1

コンテナーを作成しようとしてい100% widthて、流動的なレイアウトを試みている場合は、特定の画面解像度に対して @media クエリを使用してください。これはレスポンシブ デザインと呼ばれます。

たとえば

@media all and (max-width: 1000px) and (min-width: 600px) {
  /*Style goes here*/
}

関連する解像度メディア クエリでスタイルを定義することにより、特定の画面解像度をターゲットにすることができます。CSS @media queries

于 2012-11-28T14:50:56.727 に答える
0

コンテンツがウィンドウよりも広い場合、水平スクロールバーが表示されます。

これを試して：

#body {
    width: 150%;
}

また

#body { 
    width: 4000px;
}
于 2012-11-28T14:47:42.847 に答える