이미지 배율 변경

Question

최대 너비의 이미지가 있습니다.

img { 
    max-width: 150%; 
} 

브라우저 창의 크기를 조정할 때 이미지의 왼쪽 위 모퉁이가 조정됩니다.

이미지의 크기가 변하는 지점을 변경하는 방법이 있습니까?

예. 예 :

http://jsfiddle.net/dbVcy/

는 대신 왼쪽 상단의, 여자의 얼굴에서 이미지를 확장 할 수 있습니까?

Answer 1

예를 들어 오른쪽 하단과 같이 모서리에 배치 할 수 있습니다.

나는 당신의 바이올린 업데이트

- 여기 : 당신은 하단과 오른쪽을 조작해야합니다 이미지의 지점에서 얻을

img { 
    max-width: 100%; 
    position:absolute; 
    bottom:0px; 
    right:0px; 
} 

에 기본적으로 http://jsfiddle.net/dbVcy/1/

변경 CSS를 (또는 상단과 예를 들어 왼쪽) 브라우저 크기를 조정할 때 JQuery를 사용하면 얼굴 크기에 따른 환상이 생길 수 있습니다.