我的图片没有正确调整移动设备的大小？

Question

我上传了一些HTML / CSS到网站，它在桌面上看起来很好。在我的iPhone上观看时，图片看起来太过放大，并且非常模糊，就像在屏幕截图中一样。图片应该看起来像第二个链接，但看起来像第一个。以下是相关的CSS，有谁知道什么是错的？

.intro {
display: table;
width: 100%;
height: auto;
padding: 100px 0;
text-align: center;
background: url('pics/background-head.png') no-repeat center center fixed;
color:#fff;
background-color: #000;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;

}

http://i.stack.imgur.com/0AC6J.png http://38.media.tumblr.com/4e9d8c075b15f5922682bfaa13a8125c/tumblr_n7yhezarqF1st5lhmo1_1280.jpg