2012-09-27 108 views
0

我使用的是RefineSlide響應式幻燈片,我無法居中,它總是粘在我的頁面左側。以響應式幻燈片爲中心

#slideshow{ 
position: relative; 
width: 960px; 
height:auto; 
left: 50%; 
margin-left: -480px; 
} 

我試着將上述我的CSS,雖然這成功的中心,它是當我在iPhone上的幻燈片不適合屏幕測試不幸的是不再響應。

#slideshow{ 
position: relative; 
width: 100%; 
height:auto; 
} 

當我這樣的風格,它是響應......但堅持左。我需要改變這個CSS來居中並保持響應?

回答

0

這一定程度上取決於你的其他標記,但總的來說,這是不夠的:

#slideshow { 
    margin: auto; 
    width: Npx; 
    /* also display: block if the element doesn't already have it */ 
} 

Sample

+0

這確實是它的中心,但它沒有響應。似乎每當我將寬度從百分比更改爲像素時,都會阻止它響應。 – user1636968

+0

@ user1636968:本身就是[不會影響](http://jsfiddle.net/xUzYt/) - 其餘的標記在這裏起作用。 – Jon

+0

排序它!^_ ^ – user1636968