将内部范围扩展到外部父div空间，但内部范围应缩放到外部div高度宽度

Question

我的div的宽度为200px，高度为500px，并且div内有一个跨度为“ 99”的文字，我希望它可以拉伸到外部div空间

<div style="width:200px;height:500px;display:inline-block"><span>99</span></div>

Answer 1

添加了transform：scale（x，y）属性以满足期望。根据需要调整比例值。谢谢

div{border:2px solid}


span{
display:inline-block;
    transform: scale(11.1,25);
    transform-origin: 0% 0%;
}

<div style="width:200px;height:500px;display:inline-block">
<span>99</span>
</div>