내 배경 이미지가 전체 화면을 채우지 않고 페이지 크기가 작아 질수록 작아집니다. (CTRL -)

Question

몇 가지 CSS 트릭 질문 (및 다른 주제의 jquery 트릭)을 게시하고 지식을 공유하려고합니다. 그것.
여기서 CSS는 매우 간단합니다. 배경이 전체 화면 (< 100 % 너비, < 100 % 높이)을 채우지 못하고 CTRL - (웹 페이지 크기가 작아짐) 배경 이미지가 더 작아집니다.
예 : http://jsfiddle.net/YEksu/3

Answer 1

그냥 CSS에 background-size: cover;을 추가하십시오. 여기
예입니다 : http://jsfiddle.net/YEksu/2 심지어

Answer 2

당신이 당신의 background-size: 100%; 당신이 그것을 전체 크기를 얻기 위해 노력하고 설정하지 않은? 스타일 시트에 background-size: 100%; 또는 background-size: cover;을 추가하면됩니다. demo