如何使用我的文本修复响应式问题

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;

Answer 2

您是否尝试过设置line-height？