html - CSS：背景图像/颜色和容器不会在移动设备上拉伸全宽

Question

在手机上查看：http://goo.gl/vkhb0

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

在移动设备上 - 幻灯片下方的容器不会扩展整个宽度。同样，重复的背景图像在屏幕的三分之一处停止。

这是一个 Wordpress 网站，我已经在头文件中有视口元数据。

任何建议都非常感谢。

Answer 1

You should media queries ie:

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