너비 크기가 로고를 만지기 시작하는 경우에만 배경 크기 로고 이미지가 포함됩니다.

Question

페이지의 너비 크기를 조정할 때 로고의 양쪽에 공간이 남지 않을 때만 로고가 시작되기를 원하므로 그 시점에서 페이지 너비 꽤 쉬워야합니다! 바이올린 예제에서는 내가 원하는 것처럼 행동하는 것처럼 보이지만 내 자신의 코드에는 배경 크기 (로고)가 포함되어 있지 않습니다.

로고 중앙 페이지를 원한다면 로고의 양 끝까지 페이지 너비가 도달하면 크기를 조정하십시오. 당신이 나의 영어를 이해하기를 바랍니다. 여기

: fiddle

#logo { 
display: block; 
background: url("http://cdn4.colorlib.com/wp/wp-content/uploads/sites/2/2014/02/Olympic-logo.png"); 
background-repeat: no-repeat; 
background-position: center center; 
background-color: white; 
background-size: contain; 
-webkit-background-size: contain; 
-moz-background-size: contain; 
-o-background-size: contain; 
height: 30%; 
top: 0; 
left: 0; 
margin: 0 auto; 
padding: 0; 
-index: -100; 

}

이

이 사람이 나를 도와 드릴까요?

Answer 1

스타일 태그에 CSS가있는 단일 HTML 파일을 작성하여 코드를 검사했지만 IE에서는 작동하지 않았지만 Chrome 및 FF로 작업했습니다.