Verhindern Parent Expanding bei Transformation: Skalieren() auf Kind verwendet

Question

Ich habe ein großes Dokument (d. H. 5000px : 3000px) und ich muss es in einem 800px : 600px div mit potenziellen Margen zentriert anzeigen. Ich beschloss, zu verwenden:

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

Aber die Eltern div noch auf die Höhe 3000px erweitert. Wenn ich übergeordnete Höhe oder/und maximale Höhe auf 600px setze und es die Größe zu gegebener Höhe ändert, aber Browserfenster ist noch 3000px Höhe.

Hat ein Körper eine Lösung, um das Fenster an seinen Inhalt anzupassen?

Answer 1

height gesetzt und fügen overflow:hidden zu Ihrem CSS, fix Diese wil Ihr Problem

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