为什么我的背景图像在MacBook上查看时发生扭曲？

我的页面有全屏幕背景图片，使用cover。在Windows机器上，这看起来很好，但在MacBook上查看时，图像看上去很绷紧并且“阴天”。为什么发生这种情况？我的CSS如下：为什么我的背景图像在MacBook上查看时发生扭曲？

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;

来源

2014-06-05 Mehar

您在每台机器上测试哪些浏览器？是不同分辨率的显示器？如果你的MacBook的分辨率比你的个人电脑高得多，那可能是因为图像只能在前者上展开。尝试使用更大的背景图像，看看这是否解决/改善情况。 – BFWebAdmin

@BFDatabaseAdmin我已经在MacBook和Windows上的所有浏览器上测试过它 – Mehar

您是否尝试过分辨率检查？ – BFWebAdmin

我认为你的Macbook有一个视网膜显示。这就是为什么你的形象变得扭曲和延伸。如果是这种情况，则需要使用视网膜准备好的图像（比当前使用的图像大2倍）来解决此问题。

这是一个关于视网膜准备好网站的好文章。 A guide for creating a better retina web。

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

来源

2014-06-05 12:31:59

为什么我的背景图像在MacBook上查看时发生扭曲？

回答

相关问题