-2

ここにlogin.cssがあります：

#contentContainer{

margin-top: 10%;

}

これが私のPHPファイルの一部です。

  <div align="center" id="contentContainer">
        <div id="Login_Cont"></div>
        <div class="login_logo"></div>

  </div>

私は自分のサイトのコンテンツを1つの大きなdivに入れ、それをcontentContainerと呼びました。さて、どうすれば自分のサイトのコンテンツを任意の解像度に合わせることができますか。メディア画面のトリック/ cssのトリックをすでに試しましたが、機能しません。私を助けてください。

4

2 に答える 2

1

では、contentContainerを画面の中央にフロートさせたいですか？

それはあなたが求めているこのようなものですか？

#contentContainer {
background-color: #ccc;
height: 300px;
left: 50%;
margin-left: -150px;
margin-top: -150px;
position:absolute;
top: 50%;
width: 300px;
}
于 2012-09-05T14:17:26.907 に答える
0

そのコンテナの幅を次のようにパーセンテージで指定できます

#contentContainer{
   width:100%;//likewise
   margin:auto;//to center your div
}

またはメディアクエリを最大限に活用する

@media screen and (max-device-width : 320px)
{

}//likewise define for each screen resolution
于 2012-09-05T14:10:26.873 に答える