Question

我的背景图片无法在移动设备中调整大小。从各方面来看，它似乎应该工作，因为它在我能找到的每个浏览器用户代理应用程序中调整大小。这是我的代码......

标题元...

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

CSS

.row-feature.row-feature-primary {
background: url(../images/lonelygirl2.png) no-repeat center top fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
}

我正在使用Joomla，我将其链接到模块类。

Answer 1

这应该不是问题，可能不是由于CSS。我会考虑像这样重新格式化CSS：

.row-feature.row-feature-primary {
    background-image: url(../images/lonelygirl2.png);
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}

CSS后台没有在移动设备中调整大小，但调整大小适用于所有桌面浏览器

1 个答案: