在转换时防止父扩展:在子上使用scale()

时间:2016-12-22 11:35:10

标签: html css

我有一个大型文档(即5000px : 3000px),我需要将其显示在具有潜在边距的800px : 600px div中心。我决定使用:

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

但是父div仍然扩展到3000px的高度。当我在600px上设置父高度或/和最大高度时,它会调整到给定高度,但浏览器窗口仍然是3000px高度。

是否有任何机构有解决方案使窗口符合其内容?

1 个答案:

答案 0 :(得分:0)

设置height并将overflow:hidden添加到您的CSS中,这将解决您的问题

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