Question

我实施了哪些更改，以便背景图像Back.jpg显示完整屏幕并且内容滚动，现在它只适用于桌面内容应滚动，图像保持全屏

图像的宽度为1500宽度，高度为1000，在手机中图像看起来会缩小，但桌面看起来很好。

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

Answer 1

HashMap可能会使用媒体查询

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>

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

2 个答案: