2014-07-17 5 views
0

웹 사이트를 동원하기 위해 미디어 쿼리를 사용하고 있습니다. 포 그라운드 이미지가 페이지의 맨 위에 표시 될 때 배경 이미지의 크기가 조정되지 않는다는 점을 제외하고는 모든 것이 잘 진행되고있는 것처럼 보입니다. 내 미디어 쿼리는 650px에서 적용되며 파일의 맨 아래에있는 junkyardzombie.css 파일에 있습니다. 이 문제로 나를 도울 수 있습니까? 테스트 사이트는 http://shoponlinedemo.com/junkyard-zombiez/배경 이미지가 조정되지 않습니다.

+2

'background-size : contains;'를 추가 해보세요. 이렇게하면 이미지가 왜곡 될 가능성이 높으므로 다양한 화면 크기에 서로 다른 배경 이미지를 만들려고합니다. – APAD1

+0

감사합니다. 이것은 크롬에서는 잘 작동하지만 FF 나 IE에서는 그렇지 않습니다. 배경 크기 사용 : 표지가 작동하지 않습니다. 어떤 제안? –

+0

나는 너비를 적용 할 수 있어야한다고 생각하고 있었다 : 적절한 div에 자동으로 작동시켜야한다. 또한 최소 높이 특성으로 인해 브라우저 창 크기가 650 픽셀 미만인 경우 이미지가 페이지 크기가 조정되지 못하는 것으로 생각했습니다. –

답변

0

기본적으로 배경 이미지는 정적 크기 (기본 이미지의 크기)입니다. background-size 속성 (자세한 내용은 here)을 사용하여 배경 이미지의 크기를 제어 할 수 있습니다.

background-size:contain; 이미지의 크기를 포함 요소의 너비 (또는 포함 요소가없는 경우 브라우저 창의 너비)로 제한 할 수 있습니다.

관련 문제