1

私は次のcssコードを使用しています:

#MainBox
{   width: 488px;
    height: 181px;
    position: absolute;
    left: 50%;
    top: 236px; 
    margin-left: -244px; //this being half the width
} 

ページ上のアイテムが中央に配置されるようにします。問題は、これを iPhone で表示すると (他のスマートフォンでも同様だと思います)、ページの左側が切り取られていることです。この問題を解決してすべてを適合させる方法を知っている人はいますか?

ありがとうございました!

4

2 に答える 2

0

そのCSSを使用して要素を244px左に移動していますが、iPhoneの画面が非常に小さいため、要素が途切れています。これを試して:

#MainBox{
    width: 488px;
    height: 181px;
    margin: 236px auto 0 auto;
}
于 2012-09-21T16:59:18.193 に答える
0

上記の div を中央に配置する手法は、少し時代遅れです。margin: auto を使用し、 width を固定値 (既に持っている値) にし、親の position:relative を作成します。

于 2012-09-21T17:00:33.517 に答える