炫意html5
最早CSS3和HTML5移动技术网站之一

怎样用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 class="div11">
<span class="scale">A</span>
<span>A</span>
</div>


放大后该有的效果

回答

那你这应该改fontsize比较合理

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

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

炫意HTML5 » 怎样用scale放大缩小文本还能自适应容器?

CSS3教程HTML5教程