这是一个创建于 646 天前的主题，其中的信息可能已经有所发展或是发生改变。
我想要实现一个标题，在不超过其父元素的 width 的情况下，自动拉伸其大小，以填宽整个容器。
例如:字太多了，就自动缩小；字太少了就自动放大。类似等比例缩放。
例如:字太多了，就自动缩小；字太少了就自动放大。类似等比例缩放。
 |
1
noe132 2023-02-20 18:24:33 +08:00
给字体设置一个比较大的 px 值，设置成绝对定位且不换行，获取这一段字的长度。然后监听容器大小，根据容器宽度设置一个 transform scale 。
|
 |
2
b821025551b 2023-02-20 18:47:13 +08:00
<body>
<div class="container"> <h1>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</h1> </div> </body> <style> .container h1 { font-size: 100px; font-size: clamp(1px, 4vw, 540px); } </style> |
 |
3
cheese 2023-02-20 19:39:58 +08:00  1
|
Select Language