Cómo puedo mantener las dimensiones de un elemento hijo, al escalar las dimensiones de su elemento padre?
<div class="parent">
<h1 class="child">Hola mundo</h1>
<div>
.parent{
width: 50px;
height: 50px;
transform:scale(5);
background:"red";
}
.child{
width: 50px;
height: 50px;
font-size:20px;
}