CSS html 字体宽度比例问题

CSS html 字体宽度比例问题

img


调成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>

示例效果:

img

'这是正常的文字'

如何插入这行代码