使用{webkit-transform:scale(0.8); display:inline-block}
0.8位缩放倍数,具体自己根据实际需求修改,只能缩放可以定义宽高的元素,而span是行内元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div class="box">
你好
</div>
</body>
</html>
<style>
.box{
-webkit-transform: scale(0.8);
display: inline-block;
font-size:11px;
}
</style>
使用text-size-adjust属性
- percentage:字体显示的大小;
- auto:默认,字体大小会根据设备/浏览器来自动调整;
- none:字体大小不会自动调整
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div class="box">
你好
</div>
</body>
</html>
<style>
.box{
-webkit-text-size-adjust: none;
font-size: 12px;
}
</style>