css - 更改图像比例点

Question

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

img {
     max-width: 150%;
}

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

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

例如这个例子：

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

score 1 · Accepted Answer

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

我更新了你的小提琴 - 在这里：http: //jsfiddle.net/dbVcy/1/

本质上，将 CSS 更改为

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

要从图像中的某个点获取它，您必须在调整浏览器大小时使用 JQuery 操作底部和右侧（或顶部和左侧） - 它应该给它一种在您的情况下被脸部调整大小的错觉。

</p>

1 回答 1