使用CSS3字体拉伸而不是换行

Using CSS3 font-stretch instead of wrapping

本文关键字:换行 CSS3 字体 使用      更新时间:2023-09-26

我有一个div,当从手机上查看时,它的文本会溢出。是否可以检测到文本溢出并自动更改字体拉伸属性?

您的html页面中有下面的元标记吗?。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

如果没有,请将其添加到代码中,这将确保无论从什么设备查看页面,页面都能正常显示。

HTH

我无法检测到包装,最终使用@media规则来压缩文本:

 @media screen and (max-width: 800px) {
     body {
        font-stretch: condensed;
     } }