背景'幻灯片'在css中没有响应

Question

我有一系列幻灯片＆＃39;在我的网站上，在1080p显示器上工作正常，但在手机/平板电脑上根本不能扩展。我已经尝试过几种不同的方法，而不是哪种方法都有效。

http://pelicancottage.com.au包含目前的图片，这里是其中一张幻灯片的css＆＃39;

#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媒体查询？这允许您根据屏幕尺寸和设备自定义布局（这里的解释是＆gt; http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries）。

Answer 2

试试这个 但对于手机，你最好改变背景。无法从16：9转到手机使用的任何内容。

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