背景「幻燈片」在css中沒有響應

Question

我的網站上有一系列「幻燈片」，可以在1080p顯示器上正常工作，但在手機/平板電腦上完全不能縮放。我已經嘗試了一些不同的方法，而不是其中的一些。

http://pelicancottage.com.au具有圖像像目前這樣，這裏是一個的CSS的「幻燈片」

#slide1{ 
background:url('../img/slide2.png') 50% 0 no-repeat fixed; 
color: #fff; 
height: 800px; 
margin: 0; 
padding: 200px 0 260px 0; 
background-size: cover; 
} 

Answer 1

您是否嘗試過使用CSS媒體查詢？這使您可以根據您的屏幕尺寸和設備來定製您的佈局（對此的解釋在這裏 - >http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries）。

Answer 2

試試這個 但對於手機，你最好改變背景。不能從16：9到任何電話使用。

#slide1 { 
    width: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
}