背景:font-size最小为12px;如果使用font-size满足不了字体大小的要求,可以使用文字缩放从而缩小字体。
解决:
display: inline-block;
transform: scale(0.5);
例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
.box {
background-color: rgb(131, 209, 107);
/*文字缩小*/
display: inline-block;
transform: scale(0.5);
}
</style>
<body>
<div>我是班长</div>
<div class="box">我是班长</div>
</body>
</html>