保證金自動0不工作在iPad的Safari瀏覽器？

你好我有很多麻煩尋找一種方式來中心的Safari在iPad上的div ...這在iPad上的鉻工作，但野生動物園不能在橫向格式縮放...左右邊緣，但我必須滾動整個事情。任何想法，使這兩個瀏覽器的工作。鉻和Safari瀏覽器？保證金自動0不工作在iPad的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%; 
}

來源

2012-07-03 Jurudocs

這是怎麼了我會做到這一點。下面是一個example

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-03 18:17:31 jamcoupe

你嘗試在你的iPad在...我的情況下，我仍然有一個超大的框，以便我必須滾動到右邊緣... – Jurudocs

我嘗試在它ipad safari使用http://jsfiddle.net/9PGhg/4/show/它的工作原理風景和肖像。而且我非常肯定它也會在鉻合金中工作 – jamcoupe

奇怪...我的野生動物園以錯誤的方式設置初始比例... – Jurudocs

如果要定義你的width是90%，就可以避免這個問題，簡單地設置margin: 0 5%;

來源

2012-07-03 18:12:25 jackwanders

sorrry編輯：出現的黑盒子，但比例是像以前一樣 – Jurudocs

保證金自動0不工作在iPad的Safari瀏覽器？

回答

相關問題