为什么在 MacBook 上查看我的背景图像会变形？答案

【问题标题】：Why does my background image distort when viewed on a MacBook?为什么在 MacBook 上查看我的背景图像会变形？
【发布时间】：2014-06-05 07:06:50
【问题描述】：

我的页面有一个全屏背景图片，使用cover。在 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 的分辨率比您的 PC 高得多，则图像可能只是需要在前者上拉伸得更多。尝试使用更大的背景图片，看看这是否能解决/改善这种情况。
@BFDatabaseAdmin 我已经在 MacBook 和 Windows 上的所有浏览器上对其进行了测试
你试过分辨率检查吗？

标签： ios css macos background

【解决方案1】：

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

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

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

【讨论】：