2012-12-19 58 views
2

我有一個圖像,其中最大寬度爲百分比。更改圖像比例點

img { 
    max-width: 150%; 
} 

當我調整瀏覽器窗口的大小時,圖像從左上角開始縮放。

有沒有一種方法可以改變圖像的縮放比例?

E.g.下面這個例子:

http://jsfiddle.net/dbVcy/

是否可以從女人的臉縮放圖像,而不是左上角?

回答

1

您可以定位到角落,例如右下角。

我你的小提琴更新 - 在這裏:http://jsfiddle.net/dbVcy/1/

從本質上講,改變CSS來

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

從圖像中的一個點得到它,你將不得不操縱底部和右側(或頂部和例如,)在調整瀏覽器的大小時使用JQuery - 它應該給它一個在你的案例中根據臉部大小進行調整的錯覺。