我目前有以下代码:
<p style="font-size: 20em; max-width: 100vw;">Hellooo!</p>
如你所见,字体大小对于屏幕来说太大了.我希望文本保持在设定的大小,直到它溢出屏幕(我的try 是max-width
,但这不起作用).有没有办法只用CSS和HTML来解决这个问题?
由于我希望文本大小为20em
,除非它溢出屏幕,所以我不希望将width
设置为20em
以外的任何值.
谢谢
我目前有以下代码:
<p style="font-size: 20em; max-width: 100vw;">Hellooo!</p>
如你所见,字体大小对于屏幕来说太大了.我希望文本保持在设定的大小,直到它溢出屏幕(我的try 是max-width
,但这不起作用).有没有办法只用CSS和HTML来解决这个问题?
由于我希望文本大小为20em
,除非它溢出屏幕,所以我不希望将width
设置为20em
以外的任何值.
谢谢
对于已知的字体,您也可以使用良好的回退.
p {
font-size: min(20em, 28vw);
/* Next rules are only be have a clearer preview */
line-height: 1;
text-align: center;
padding: 0;
margin: 0;
}
<p>Hellooo!</p>