我有一个<div>，其中一些复杂的内容是通过应用比例变换来呈现的。我的问题是，<div>即使没有应用转换，它也会占用相同的空间。我制作了一个jsFiddle 片段来说明我的意思。
我想我可以理解为什么会出现这样的行为，但是有什么方法可以使容器在应用缩放（以及其他转换，如果可能的话）的情况下占用与其内容一样多的空间？
我应该注意，显式设置外部的widthandheight会<div>影响缩放文本的内容（在我的情况下，这不是所需的行为）。<iframe>我想避免将缩放的内容放入 an中。
如果不求助于Javascript，我认为没有任何方法可以做到这一点。CSS 变换不会影响被变换元素附近元素的布局流，它们只会改变该元素内的坐标系；所以孩子会受到影响，但不会影响父母或兄弟姐妹（MDN对此有更多详细信息）。
这里有一个很好的答案，可能是基于 JS 的部分解决方案：https ://stackoverflow.com/a/10913299/2524360
我不知道这是否回答了您的问题，但它似乎不接受 0 作为值。浏览器从 1（如 100%）缩放到例如 4（或 400%）。
transform:scale(1,4);