css - 像素化的手机背景图片

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