css - 更改图像比例点

Question

我有一个最大宽度百分比的图像。

img {
     max-width: 150%;
}

当我调整浏览器窗口大小时，图像从左上角开始缩放。

有没有办法改变图像缩放的点？

例如这个例子:

http://jsfiddle.net/dbVcy/

是否可以从女人的脸上而不是左上角来缩放图像？

Answer 1

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

我更新了你的 fiddle - 在这里:http://jsfiddle.net/dbVcy/1/

本质上，将 CSS 更改为

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

要从图像中的某个点获取它，您必须在调整浏览器大小时使用 JQuery 操纵底部和右侧(例如顶部和左侧)——它应该给它一种错觉，就像在调整浏览器的面部大小一样你的情况。