如何缩小div，然后使其适合父级？我的目标是让div内部的所有内容变小，比如缩小效果，但缩放会导致div周围的空白空间。
小提琴：
https://jsfiddle.net/we7mux02/2/
<html>
<body>
<div
style="width: 100%;
transform: scale(0.7);
background-color: blue;">
<span style="font-size: 10em;">
This is a large and long text...
</span>
</div>
</body>
</html>