我使用了一种基于视图宽度缩放文本的技术，here。它使用一个简单的公式在字体大小的设定范围（最小/最大）内平滑缩放，具体取决于设定范围（最小/最大）内的视图宽度。效果非常好。但是我遇到了一个问题，这个和其他技术的流体字体大小。如果我将字母间距设置为一个恒定值，它可能会在视觉上崩溃。对于以20 px显示的字体，1 px的字母间距在以50 px显示时可能并不理想。也有用户可能改变字体大小的情况。这将是同样的问题。有没有一种可靠的方法来处理这个问题，使字母间距与字体大小成比例？
5n0oy7gb1#
尝试使用em单位来控制间距。以下是一个可能参考：https://cssreference.io/property/letter-spacing/
em
fcy6dtqo2#
我尝试使用calc，沿着view width：
letter-spacing: calc(1px + (10 - 1) * ((100vw - 320px) / (1440 - 320)));
它工作，但我认为使用ems更好。
2条答案
按热度按时间5n0oy7gb1#
尝试使用
em单位来控制间距。以下是一个可能参考：https://cssreference.io/property/letter-spacing/
fcy6dtqo2#
我尝试使用calc，沿着view width：
它工作，但我认为使用ems更好。