事業部中心工作在桌面上而不是在移動

Question

爲什麼是這樣的：

<div class="page" role="main"> 
    <div class="gallery"> 
    </div> 
    </div> 

這個CSS：

.page { 
    width: 100%; 
    height: 100%; 
} 

.gallery { 
    margin: 0 auto; 
    width: 320px; 
} 

在桌面瀏覽器的工作，但在iphone sfari不起作用？

在桌面瀏覽器上，它的移動中心位於右側，就好像沒有居中。
有沒有更好的方法來居中網頁上的主div？

Answer 1

試試這個

.page 
{ 
width: 100%; 
height: 100%; 
text-align:center; 
margin:auto; 
} 

.gallery { 
    margin: auto; 
    width: 320px; 
}