[在应用CSS变换时影响其他元素:比例

问题描述 投票:4回答:2

我在页面上有三个div,它们并排漂浮。使用css scale方法,我将最中间的div缩放为0.5。这很好用。

唯一的问题是缩放div不会影响其他div的位置。似乎缩放的div仍然具有原始缩放的不可见容器。期望的结果是缩放后的边距保持不变。

我添加了一个示例:http://jsfiddle.net/yxYdd/3/(实际上,最中间的div充满了许多其他元素)

是否有一种整洁的方法,不会弄乱边距等,以便缩放会影响其他div的位置?

html css css3 scale css-transforms
2个回答
1
投票

不幸的是,CSS 2D转换正是这样通过设计工作的。

您真正想做的是avoid在此示例中使用CSS转换,而使用另一个更简单的实现。

我在这里为您完成了此操作:http://jsfiddle.net/yxYdd/4/

您真正需要的唯一更改是:

.scaleDiv{
    width:75px;
}

会产生想要的效果。那不是很有趣吗? :)


0
投票

因此,缩放时会发生什么变化,即原始容器的高度宽度未更改。尝试

© www.soinside.com 2019 - 2024. All rights reserved.