移动端背景图片出现像素化问题

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

然而，它们在我的手机上似乎有些像素化。对于如何解决这个问题需要帮助，任何帮助都将不胜感激。

- Christopher McCool

---

我刚刚遇到了这个问题...我的图像是300dpi，且像素尺寸只有一半，但仍然有像素化的问题。 - Abdul Sadik Yalcin

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

- Mohamed Wazil