2014-10-29 20 views
0

我遇到了我的網站上的文本問題,並且正在努力尋找解決方案。如何解決我的文本中的響應問題

這是我想對文本的樣子,以及它如何看起來我的桌面上正常:

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; 
+0

你使用位置絕對值還是浮動div值?您提供的CSS不是問題。 – Sir 2014-10-29 20:12:44

+0

什麼是行高? – Jack 2014-10-29 20:13:13

+0

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

回答

3

它看起來像一個行高問題。在沒有看到運行中的網站,我只能建議

line-height: 100px; 
+0

我通常會做'line-height:1',所以如果設計更改,我不必更改2個點:P – Populus 2014-10-29 20:15:25

+0

您是否有鏈接到網站?我幾乎可以肯定這是'線高'相關。 – Vector 2014-10-29 20:19:57

+0

@Vector我設置了行高,它解決了文本堆疊本身的問題,但它仍然把文本的最後一個字放在一行中。如何將所有文本保留在同一行上? – IceCreamLord 2014-10-29 20:23:41