如何解决我的文本中的响应问题

问题描述：

我遇到了我的网站上的文本问题，并且正在努力寻找解决方案。如何解决我的文本中的响应问题

这是我想对文本的样子，以及它如何看起来我的桌面上正常：

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;

你使用位置绝对值还是浮动div值？您提供的CSS不是问题。 – Sir 2014-10-29 20:12:44

什么是行高？ – Jack 2014-10-29 20:13:13

@Dave我正在使用divs。 – IceCreamLord 2014-10-29 20:16:11

答

它看起来像一个行高问题。在没有看到运行中的网站，我只能建议

line-height: 100px;

我通常会做'line-height：1'，所以如果设计更改，我不必更改2个点：P – Populus 2014-10-29 20:15:25

您是否有链接到网站？我几乎可以肯定这是'线高'相关。 – Vector 2014-10-29 20:19:57

@Vector我设置了行高，它解决了文本堆叠本身的问题，但它仍然把文本的最后一个字放在一行中。如何将所有文本保留在同一行上？ – IceCreamLord 2014-10-29 20:23:41

答

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

如何解决我的文本中的响应问题

相关推荐