html - 如何解决文本的响应问题

Question

我的网站上的文字有问题，正在努力寻找解决方案。

这是我希望文本的样子，以及它在我的桌面上的正常外观:

http://i.imgur.com/iLfq45T.png

但是，当我放大屏幕或在手机上查看它时，结果是这样的:

http://i.imgur.com/oUnEzGl.png

这是我为文本准备的 css:

font-family: 'Bebas';
color: #ce0101;
font-size: 100px; 
font-weight: 400;
text-shadow: 0px 1px 4.45px rgba(0, 0, 0, 0.52);
transform: scaleY(1.002);
text-align: center;

Answer 1

看起来像是行高问题。没有看到网站的运行情况，我只能建议

line-height: 100px;