바운딩 박스에서 이미지의 종횡비를 유지하는 방법 - CSS

Question

내 지식이 부족하다는 것을 용서하십시오. 올바르게 일을 말하는 것이 아니라면 사과드립니다. Weebly에있는 사이트에서 일하고 있는데 로고에 문제가 있습니다. 내가 업로드 한 이미지는 거대하고 상자 크기는 525x2xp입니다. CSS의 아래 정보를 사용하면 로고의 상단 모서리에만 표시됩니다. 이미지를 상자 크기에 맞게 조정하려면 어떻게합니까? 고맙습니다.

background-size: cover; 

또는

background-size: contain; 

첫번째 이미지의 일부를 절단하는 모든 영역을 커버한다 :

#logo{ 
float: left; 
background: transparent url(logotransparent.png)no-repeat; 
width: 525px; 
height: 200px; 
} 

Answer 1

넌 2 posibilities있다.

두번째 이미지의 종횡비를 유지할 화상

모두 절단 가망없는 한 큰 이미지를 만들 것이다.