2014-06-05 3 views
0

내 페이지의 전체 화면 배경 이미지는 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; 
+0

각 컴퓨터에서 어떤 브라우저를 테스트하고 있습니까? 다른 해상도의 모니터입니까? MacBook의 해상도가 PC보다 훨씬 높다면 이미지가 단순히 이전 이미지보다 더 늘어나야 만 할 수 있습니다. 보다 큰 배경 이미지를 사용해보고 이것이 상황을 해결/개선하는지 확인하십시오. – BFWebAdmin

+0

@BFDatabaseAdmin MacBook 및 Windows의 모든 브라우저에서 테스트했습니다. – Mehar

+0

해상도 확인을 시도 했습니까? – BFWebAdmin

답변

0

내가 당신의 맥북 망막 디스플레이를 가지고 생각합니다. 그래서 이미지가 왜곡되고 늘어납니다. 이 경우,이 문제를 해결하기 위해 망막 준비 이미지 (현재 사용중인 이미지의 2 배)를 사용해야합니다.

여기는 망막 준비 웹 사이트에 대한 멋진 기사입니다. A guide for creating a better retina web.

보세요. 그것은 당신의 문제를 해결할 수 있습니다.

관련 문제