background 의 이미지가 커서 보이지 않을 때, 크기 맞추기

 



위와 같은 로고는 크기가 890 * 595 정도 되는 사진입니다.
이 로고를 50 * 50 의 a 태그의 background 로 설정해주면 아무 것도 보이지 않습니다. 

이는 이미지의 투명한 부분만 보이기 때문입니다. 

이럴 경우에는  아래와 같이 입력하여 최적화 해 주어야 합니다. 

background-size: 100% 100%;
height: 50px;
width : 50px;

background size 를 100% 100% 으로 설정하면 됩니다.