爲什麼我的背景圖像在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上查看時發生扭曲？

回答

相關問題