html – 应用CSS变换时影响其他元素：scale

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

唯一的问题是缩放div不会影响其他div的位置.看起来像缩放的div仍然有一个原始比例的隐形容器.期望的结果是在缩放之后,边距保持不变.

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

有没有一个整洁的方式,没有搞乱边缘等,所以缩放会影响其他div的定位？

解决方法

遗憾的是,这就是CSS 2D如何通过设计进行转换的方式.

你真正想要做的是避免在这个例子中使用CSS变换,而是使用另一个更简单的实现.

我在这里为你做了这个：http://jsfiddle.net/yxYdd/4/

您真正需要的唯一变化是：

.scaleDiv{
    width:75px;
}

哪个产生你想要的效果.这不好笑吗？

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。

• 上一篇：oauth-2.0 – iframe / popup中的G下一篇：html – 下拉菜单列表在IE9中失去焦