2013-03-05 61 views
3

查看全宽:http://goo.gl/vkhb0CSS:背景图片/颜色和容器不舒展上移动对移动

在所有桌面浏览器和多种分辨率的网站显示,因为它应该。顶部滑块图像居中,宽度为1500px。下面的容器包装宽度为960px,并且居中。某些部分具有从左到右重复全宽的背景图像或颜色。

手机上 - 幻灯片下方的容器不会展开全宽。同样,重复停止约三分之一屏幕的背景图像。

这是一个WordPress的网站,我已经在头文件中有viewport元。

任何建议非常感谢。

回答

0

您应该media queries即:

/* iPads (portrait and landscape) ----------- */ 
@media only screen and (min-width : 768px) and (max-width : 1024px) { 
/* Styles */ 
} 
+0

我试图确定为什么背景图像在三分之一宽度停止移动。媒体查询无法解决这个问题,因为它已经设定重复。 – user1522087 2013-03-05 14:54:58

+0

@ user1522087你的包装仍然是960px的肖像上的ipad – 2013-03-05 14:57:59

+0

正确,但是这仍然不能解决问题。我再次测试以验证,通过增加容器宽度,背景颜色/图像在满足容器宽度之前仍然停止。所以即使增加宽度,背景图像和颜色在到达容器边缘之前仍然停止。我很感谢帮助。 – user1522087 2013-03-05 15:05:46