<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>小字体方法</title>

<style> 
*{
    margin: 0;
    padding: 0;
}
p{
    font-size: 12px;
}
.small-font{    
    -webkit-transform-origin-x: 0;
    -webkit-transform: scale(0.5);
}
</style>

</head>
    <body>
        <p class="small-font">温馨提示</p>
        <p>温馨提示</p>
    </body>
</html>

 

更多推荐

处理前端开发浏览器字体小于12px方法