2014-04-24 2 views
5

창 크기를 조정할 때 이미지 크기 조정과 관련하여 Chrome에서 이상한 동작이 발생합니다.이상한 Chrome 이미지 크기 조정 동작

크롬이 Windows에서 전체 화면으로 튀어 나오면 (전체 화면으로 스냅하려면 창을 두 번 클릭) 이미지가 스냅되지 않은 이전 크기로 되돌리려면 창을 닫습니다. 이미지의 크기가 제대로 조정되지 않았습니다.

예를 들어, 내가 사용할 수있는 공간의 100 % 높이로 이미지 크기를 조정 다음 CSS 코드를 가지고 있고, 자동 폭의 :

img{ 
    height: 100% 
    width: auto; 
} 

창이 전체 화면은, 화면 비율의 좋은 모습을 스냅 이미지가 유지됩니다. 하지만 이제는 창문을 비틀면 (더블 클릭). 높이 아래처럼 폭이하지 않습니다, 크기를 조정합니다 반면 Unsnap full screen in Chrome

을 Internet Explorer에서이 같은 모습 고리를 풀어 : 크롬이 제대로 크기 조정되지 않는 이유 Unsnapping fullscreen in IE

아는 사람을? 아니면 내 CSS에 문제가 있습니까?

자세한 코드가 필요하면 문의하십시오.

감사합니다.

+0

normalize.css를 사용하여 다른 브라우저가 더 신뢰할 수있게 작동합니까? – steviejay

+0

수거 후 크롬 창 너비를 수동으로 조정해도 문제가 해결됩니까? 또한 개발자 도구 (전후)에서 보았을 때 폭은 무엇이라고 말합니까? –

+0

@aDroidman, 크롬 창 크기를 조정해도 이미지의 너비는 조정되지 않고 높이 만 조정됩니다. 이미지의 크기를 올바르게 조정하려면 페이지를 새로 고쳐야합니다. – SikhWarrior

답변

3

대신 너비를 사용하십시오 : 100 % -> 최대 너비 : 100 %;

나는 한 번이 문제 이전에 있었고, 나는 그것은 나를 잘 작동 크기

img{ 
    max-width:100%; 
    max-height:100%; 
} 

의 두 속성을 사용하고, 비율을 저장할 수있다.

+0

그건 트릭을 했어, 고마워! – SikhWarrior

관련 문제