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

时间:2016-05-05 18:39:11

标签: html css background-image

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

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

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

2 个答案:

答案 0 :(得分:0)

HashMap可能会使用媒体查询

答案 1 :(得分:0)

<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>