Ios 为什么在MacBook上查看时，我的背景图像会失真？

我的页面有一个全屏背景图像，使用

封面

。在Windows机器上，这看起来不错，但在MacBook上查看时，图像看起来拉长且“浑浊”。为什么会这样？我的CSS如下：

background: url("images/backgroundimage.jpg");
background-size:100% auto;
background-repeat:no-repeat;
background-position:center top;
background-attachment:fixed;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size:cover;
background-size:cover;

---

我想你的Macbook有视网膜显示器。这就是为什么你的图像会被扭曲和拉伸。如果是这种情况，您需要使用视网膜就绪图像（比您当前使用的图像大2倍）来解决此问题

这是一篇关于视网膜就绪网站的好文章

---

看一看。这可能会解决您的问题。

您在每台机器上测试的浏览器是什么？显示器的分辨率是否不同？如果你的MacBook电脑的分辨率比你的PC电脑高得多，那可能是因为MacBook电脑的图像必须在前者的基础上进行更大的拉伸。尝试使用更大的背景图像，看看这是否解决/改善了这种情况。@BFDatabaseAdmin我已经在MacBook和Windows上的所有浏览器上测试过它。您尝试过分辨率检查吗？