HTML · 2021年6月25日 1

网页中以小于12px显示字体

关键代码段如下:

font-size:20px;
-webkit-transform-origin-x: 0;
-webkit-transform: scale(0.50);

示例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小字体</title>
</head>
<body>
<div style="
    font-size:20px;
    -webkit-transform-origin-x: 0;
    -webkit-transform: scale(0.50);
">
Test这是测试
</div>
<div style="font-size: 12px;">
    Test这是测试对比
</div>
<div style="font-size: 1px;">
    Test这是测试对比
</div>
</body>
</html>

效果图如下: