手机上的背景图片看起来缩小了

Question

我做了哪些更改才能使背景图像 Back.jpg 显示全屏并且内容滚动，现在它只适用于桌面内容应滚动，图像保持全屏

图像是 1500 宽 x 1000 高，在手机上图像看起来缩小了，但在台式机上看起来很好。

<style>
    html, body {
        margin:0;
        padding:0;
        border:0;
        height:100%;
        background: url(Back.jpg) center no-repeat fixed;
    }
</style>

Answer 1

background-size:cover; 可能会使用媒体查询

Answer 2

<style>
    html, body {
        margin:0;
        padding:0;
        border:0;
        height:100%;
        background: url(Back.jpg) no-repeat center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
</style>

手机上的背景图片看起来缩小了

Background image on phones looks shrinked

html

css

background-image