为什么我的背景图像在MacBook上观看时会扭曲？

Question

我的页面使用cover创建了全屏背景图像。在Windows机器上，这看起来很好，但是在MacBook上查看时，图像看起来很拉伸，并且“阴天”＃34;。为什么会这样？我的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;

Answer 1

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

这是一篇关于视网膜就绪网站的精彩文章。 A guide for creating a better retina web

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