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

标签 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%;
    }
}

最佳答案

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

关于css - 为什么我在手机上看不到我的整个背景图片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31385674/

相关文章:

html - Century Gothic 字体未在网页上显示

css - Roboto 压缩字体无法在 mozilla firefox 中正确呈现

html - 不透明度搞乱文本

javascript - 如何在 Grunt/Gulp/Webpack 中从 Bower 连接带有图像和字体的 css 文件

html - CSS 中的相同代码在同一页面的两个位置给出不同的结果

javascript - 变换 : scale() Hover Blur

css - 如何设置当前页面的 "wp_nav_menu"链接的样式?

css - 嵌套的 CSS 样式?

html - outlook, gmail 基本问题(导致代码)

css - wordpress中不同菜单的不同图像