更改字体高度和宽度

Question

我想改变的不是字体大小文本元素的属性，但相对于其宽度和高度的两个独立属性。例如，通过应用字体宽度：50%到该元素：

文本将被拉伸到一半：

CSS可以做到这一点吗？

Answer 1

CSS公司转型有规模功能：

第页{显示：嵌入式块；字体大小：32px；变换：比例（.5，1）；}

<p>这是文本</p>（第页）

将函数中的两个数字分别用于X轴和Y轴。

Answer 2

您可以尝试在x方向缩放字体。

第页{-webkit转换：scaleX（0.5）；变换：scaleX（0.5）；}

Answer 3

我能找到的最近的东西是方伟

它不仅接受粗体、普通值，还接受数字值。100-900，增量为100。

.段落｛字体：700；｝

这与高度属性相结合会有所帮助，但不会为您提供完整的解决方案

还可以查看间距属性，因为这样可以减少单词的宽度

字母间距：2px；

Answer 4

使用高级副总裁带有的文本preserveAspectRatio=“无”允许文本变形和非常精确的定位。

要调整，这一切都是关于视图框。渲染将保持对浏览器大小的本机响应。

文本保持可选择状态。

.title（标题）{宽度：540px；高度：40px}.内容{宽度：300px；高度：400px}.侧面{宽度：270px；高度：100px；颜色：红色；位置：绝对；右：30px；顶部：160像素；变换：旋转（44度）}

<div class=“title”><svg preserveAspectRatio=“none”x=“0”y=“30”viewBox=“0 0 100 15”width=“100%”height=“100%”><foreignObject x=“5”y=“1”height=“100%”width=“100%”><div>你好，世界！</div></foreignObject></svg></div><div class=“content”><svg preserveAspectRatio=“none”x=“0”y=“30”viewBox=“0 0 400 200”width=“100%”height=“100%”><foreignObject x=“55”y=“15”height=“100%”width=“80%”><div>最好的方法是让一名啦啦队队长用扩音器或扬声器宣布运动员的姓名和统计数据。</div></foreignObject></svg></div><div class=“side”><svg preserveAspectRatio=“none”x=“0”y=“30”viewBox=“0 0 100 100”width=“100%”height=“100%”><foreignObject x=“5”y=“15”height=“200%”width=“100%”><div>现在有颜色！</div></foreignObject></svg></div>

提示：对于复杂的东西，传单制作，使用厘米css单元工作得很好。