响应背景CSS位置

Question

我的手机背景有问题。

我使用媒体查询，我无法确定该背景图像的位置。

在这里您可以看到a background image。

这是我的媒体查询代码：

@media only screen (max-device-width : 360px) { 

    .sidebar { 
     display: none; 
    } 

    li#menu-item-631 a { 
     width: 100px; 
    } 

    #navmenu { 
     margin-top: 20px; 
     margin-left: 0; 
     margin-right: 0; 
    } 

    .content { 
     width: auto; 
     height: auto; 
     margin-left: 0; 
     margin-top: -130px; 
    } 

    .contentsing { 
     width: 500px; 
     height: auto; 
     margin-left: 20%; 
     margin-right: 5%; 
     margin-top: -150px; 
    } 
} 

这是我的后台代码

body { 
    background: url() no-repeat top center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    font-family: AntonioLight; 
    font-size: 1em; 
    padding: 0; 
    margin: 0; 
} 

Answer 1

如果你希望你的背景图片以适应不同的屏幕尺寸（priorizing图像的中心，例如），您可能正在寻找类似如下的东西：http://johnpatrickgiven.com/jquery/background-resize/