javascript - 是否可以使用 css3 缩放仅缩放容器大小（不缩放内容）？

Question

当用户单击它时，我希望 div 占据视口。目前，我已将 css3 转换设置为 div。并使用 javascript 设置宽度和高度属性。动画发生了。但这并不顺利。看起来很生涩。

所以，我想使用一些内置函数来扩展。我以 css3 scale() 结束。但它也可以缩放内容。我只是想让 div 扩展。不是内容。

这是可以实现的还是有其他方法可以做到这一点？我想实现 css3 解决方案而不是 javascript 解决方案。

Answer 1

在纯 CSS 中有一个 hacky 方法可以做到这一点，即添加一个内部 div 来保存内容 - 然后将缩放应用到元素并将相等的缩放应用到内部 div 本身。这样，您的内容将保持相同的大小。