为什么我不能在手机上看到我的整个背景图片?

时间:2015-07-13 14:09:12

标签: css

我有一个问题:为什么我不能在移动设备上查看整个背景图片,但我可以在桌面上播放?``

这是我的主页:http://odsgaardklausen.dk/cj/

如果我犯了错误,我现在不行?

    /* Generelt */
html {
        min-height:100%;
}   
.frontimage{
        background-image: url('img/frontimage.jpg') !important;
        background-position: center center;
        bottom: 0;
        right; 0;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: #464646;
        z-index: -1;
        height: 100vh;
        width: 100%;
}
.about-text{
margin:auto;
width:30%;
}
ul{
list-style-type: none;
}
#cj{
width:300px;
height:300px;
margin:auto;
}
#skills {    
    width:100%;
    background-color: #fffaf5;
    padding-top: 48px;
}
.row {
    width:100%;
    margin:0;
    padding:0;
}
@media screen and (max-width: 767px){
    .about-text{
        margin:auto;
        width:80%;
    }
}

2 个答案:

答案 0 :(得分:0)

我认为这是因为背景大小:“封面”。这意味着,你的 背景图像比例尽可能大,使背景区域完全被背景图像覆盖。背景图像的某些部分可能不在背景定位区域内的视野中。

答案 1 :(得分:0)

尝试将其添加到CSS顶部:

@media only screen and (min-width : 320px) {.frontimage{background-attachment: none !important;}}