当transform：scale（）用于儿童时防止父级扩展

Question

我有一个大文档（即5000px : 3000px），我需要以具有潜在边距的800px : 600px div为中心显示它。我决定使用：

translate:scale(0.15) translateX(-50%); 
left:50%; 

但父母div仍然扩大到3000px的高度。当我在600px上设置父级高度或/和最大高度，并且它调整为给定高度，但浏览器窗口仍然是3000px高度。

任何机构是否有解决方案来适应窗口的内容？

Answer 1

设置height并添加overflow:hidden到你的CSS，这港岛线解决您的问题

.parent { 
    height:400px; 
    overflow:hidden; 
}