CSS html 字体宽度比例问题
调成50%宽度比例
客户因为要打标签,不想改边字体大小只想改缩放比例
css文字垂直拉伸:
display: inline-block;
transform: scale(1,2);
-ms-transform: scale(1,2);
-webkit-transform: scale(1,2);
-moz-transform: scale(1,2);
-o-transform: scale(1,2);
设置字体左右间距
letter-spacing: 8px;
给你写了一个简单的示例:
<html>
<body>
<span>这是正常的文字</span>
<br/>
<br/>
<span class="zoom">这是拉伸的文字</span>
</body>
<style type="text/css">
.zoom {
display: inline-block;
-ms-transform: scale(1, 2);
-webkit-transform: scale(1, 2);
-moz-transform: scale(1, 2);
-o-transform: scale(1, 2);
transform: scale(1, 2);
}
</style>
</html>
示例效果: