我有一个<div>，其中应用了比例转换来呈现一些复杂的内容。我的问题是，<div>即使不应用任何转换，占用的空间也将与原来的空间相同。我制作了一个jsFiddle片段来说明我的意思。
我想我可以理解为什么这样的行为，但是有什么方法可以使容器在应用缩放（以及其他转换，如果可能）的情况下占用与其内容一样多的空间？
我应注意，显式设置外部的width和height将<div>影响缩放文本的内容（在我的情况下，这不是理想的行为）。<iframe>我想避免将缩放后的内容放入。
我认为，如果不依靠Javascript，就没有任何办法可以做到这一点。CSS转换不会影响转换后元素附近的元素的布局流程，它们只会更改该元素内的坐标系。因此孩子会受到影响，但父母或兄弟姐妹却没有受到影响（MDN对此有更多详细信息）。
这里有个很好的答案，可能是您的基于JS的部分解决方案：https : //stackoverflow.com/a/10913299/2524360
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句