1

こんにちは、ipad の safari で div を中央に配置する方法を見つけるのに苦労しています...これは ipad の chrome で機能しますが、safari は横長のフォーマットではスケーリングしません...左右に余白がありますが、私は得ました全体をスクロールします。これを両方のブラウザで動作させるためのアイデア..クロムとサファリ?

HTML: 

<html>
        <head>
            <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">

    </head>  
    <body>
        <div id="wrapper">

            </div>

    </body>  
</html>

CSS:

#wrapper{
    margin: 0 auto;
    width:90%;
    height:90%;
    background-color: black;
}
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
4

2 に答える 2

2

これが私がこれを行う方法です。ここに例があります

HTML:

<div id="wrapper">
    <div class="outer">
        <div class="inner">
            <div class="content">

            </div>
        </div>                 
    </div>    
</div>​​​​​​​​​​​​​​​​​​

CSS:

#wrapper{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.outer{
    display:table;
    table-layout:fixed;
    height:100%;
    width:100%;
}

.inner{
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    width:100%;
    position:relative;
}

​.content{
    width:90%;
    height:90%; 
    background:red;  
    display:inline-block;    
}​
于 2012-07-03T18:17:31.077 に答える
0

を定義widthしている場合90%は、問題を回避して単純に設定できますmargin: 0 5%;

于 2012-07-03T18:12:25.187 に答える