Question

我在CSS中遇到了background-size:cover的奇怪问题，因为它仅在我指定为内联样式时才适用于移动设备，至少在Chrome开发工具的iphone 5模式下是这样。有没有人有同样的问题？

Answer 1

这可能是以下任何原因：

原因1： 这可能是覆盖问题。

尝试使用！important：

div{
  background-size: cover !important;
}

或者选择特定的选择器。

原因2： 另一个原因可能是缓存。

使用设置从手机中清除缓存。

Answer 2

我找到了背景尺寸：封面;如果有问题，我想你会发现这样做更好：

 @media only screen
    and (max-device-width : 899px)
    {
        body #wrapper
        {
       -webkit-background-size: contain auto;
          -moz-background-size: contain auto;
          -o-background-size: contain auto;
          background-size: contain auto;
         }
    }



@media only screen
    and (min-device-width : 900px) and (max-device-width : 1900px)
    {
        body #wrapper
        {
         -webkit-background-size: contain auto;
          -moz-background-size: contain auto;
          -o-background-size: contain auto;
          background-size: contain auto;
        }
}


@media only screen
and (min-device-width : 1901px)
{
    body #wrapper
    {
     -webkit-background-size: 100% auto;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      background-size: 100% auto;
    }
}

背景大小封面仅适用于内嵌式移动设备

2 个答案: