비례

Question

OK 내부 이미지와 DIV의 크기를 조정, 그래서 나는

flash { 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 1; } 

그것은 완벽하게 크기를 조정, 나는 또한 DIV 5 개 이미지로 하단에 바닥 글이 플래시를 통해 업로드 전체 화면 배경 이미지를 가지고하는 방법 그 안에. 모든 이미지를 한 행에 정렬했지만 브라우저 크기가 비례하여 크기를 조정하는 대신 이미지 크기가 올라감에 따라 정렬되었습니다. 당신의 충고에 감사드립니다. 다음은 jsFiddle의 링크입니다 http://jsfiddle.net/eglemei/LqBzY/

Answer 1

이미지의 크기를 조정하지 않았기 때문에 크기가 조정되지 않았습니다. 비례 크기 조정은 기본 동작이 아닙니다. width 또는 height 값을 백분율로 지정하면 이미지는 포함 된 요소에 비례하여 크기가 조정됩니다. 당신이 height 또는 width는 이미지가와 가장 가까운 부모 요소에 따라 조정됩니다 비율을 지정하면

은 명시 적으로 비율을 설정하는 경우, 귀하의 경우 'DIV 번호 바닥 글이'.입니다 position 속성을 (설정 width, 다음과 같은 당신이 다른 곳 height를 지정하지 않는 한, 이미지는 가로 세로 비율을 유지합니다

변경에게 이미지에 대한 CSS를 뭔가 같이 :.

#sponsors img { 
    margin-right: 3%; 
    width:16%; 
} 

또한 필요합니다를 제거하려면각 img 태그에서, 그렇지 않으면 img 그 높이를 사용합니다.

이에 따라 jsFiddle을 업데이트했습니다. http://jsfiddle.net/LqBzY/5/