如何防止背景变焦？

Question

我制作了一个背景网页：

<style>
    @import url(http://fonts.googleapis.com/css?family=Mouse+Memoirs);

    body {
        background-image: url('Header.png');
        margin: 0;
        color: white;
        font-family: 'Mouse Memoirs', sans-serif;
    }
</style>

<div align="center">
    <h2>ThePeopleHubProject</h2>
</div>

如何在缩放时防止背景扭曲？

我不希望它能够这样做：http://imgur.com/8NpvlV9

只有这个：http://imgur.com/zmepCPi

Answer 1

html { 
background: url(images/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

那应该让你相当远......