怎样用scale放大缩小文本还能自适应容器？

<meta charset="UTF-8">
<title>scale</title>
<style>
.scale {
display:inline-block;
transform:scale(3);
border: 1px solid #0f0;
}
.div11 {
width: 150px;
height: 150px;
border: red solid 1px;
margin-left: 100px;
margin-top: 100px;
}
</style>
<div>
<span>A</span>
<span>A</span>
</div>

放大后该有的效果

回答

那你这应该改fontsize比较合理

transform 不会影响元素布局的。可以：

1. zoom: 3
2. 直接设置 font-size: 36px