根据 html li scroller 中字体大小的字符限制

Question

最近我尝试使用li scroller 在我的网页上显示一个股票信息。

但我发现，当我使用不同大小的字体时，似乎在自动收报机消息中的字符数有限制。当我使用较小的字体时，会滚动出更多字符。但是当我使用更大的字体时，滚动出来的字符会更少。

我只使用一个列表：

<ul id="tck_msg">
    <li>Welcome to my place and welcome to this nation</li>
</ul>

如果我使用 6vh 字体大小，则消息是“欢迎来到我的地方并欢迎”。但是当我使用 2vh 字体大小时，消息会显示所有“欢迎来到我的地方，欢迎来到这个国家”。

你们知道为什么吗？

Answer 1

这是因为 ul 宽度。当文本很大时，这种父样式 (overflow:hidden) 可以工作并隐藏其他文本。

解决方案： 增加ul的量宽度。