移动背景图像像素化

Question

重新访问此网站：

http://www.jenniferharper-deacon.com/

我使用以下css添加了背景图片：

#pl_areauzza45k .pl-area-wrap {
    background-image: url("http://www.jenniferharper-deacon.com/wp-content/uploads/2015/01/WHEAT-FIELD.jpg");
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

然而，他们似乎在我的手机上像素化了。任何有关如何解决这个问题的帮助都会非常感激。

Answer 1

原因是图像缩小了。

试试这个：

#pl_areauzza45k .pl-area-wrap {
    background-image: url("http://www.jenniferharper-deacon.com/wp-content/uploads/2015/01/WHEAT-FIELD.jpg");
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-attachment: fixed;
}