<分区>
在手机上查看: http://goo.gl/vkhb0
在所有桌面浏览器和多种分辨率下,网站会正常显示。顶部 slider 图像居中且 1500 像素宽。下面的容器包装器宽度为 960px,并且也居中。某些部分具有从左到右重复整个宽度的背景图像或颜色。
在移动设备上 - 幻灯片下方的容器不会展开整个宽度。同样,重复出现的背景图像会停在屏幕的三分之一处。
这是一个 Wordpress 网站,我在头文件中已经有了视口(viewport)元数据。
非常感谢任何建议。
<分区>
在手机上查看: http://goo.gl/vkhb0
在所有桌面浏览器和多种分辨率下,网站会正常显示。顶部 slider 图像居中且 1500 像素宽。下面的容器包装器宽度为 960px,并且也居中。某些部分具有从左到右重复整个宽度的背景图像或颜色。
在移动设备上 - 幻灯片下方的容器不会展开整个宽度。同样,重复出现的背景图像会停在屏幕的三分之一处。
这是一个 Wordpress 网站,我在头文件中已经有了视口(viewport)元数据。
非常感谢任何建议。
最佳答案
你应该 media queries即:
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
/* Styles */
}
关于html - CSS:背景图像/颜色和容器不会在移动设备上拉伸(stretch)全宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15226652/