在移動設備上查看網站標語時出現問題

Question

我試圖修復我的網站標語「您的不列顛哥倫比亞省....」，因爲它不是垂直居中，而且在移動設備上查看時字母間距不正確蘋果手機。 下面是我目前的CSS。可有人請告訴我如何與移動CSS解決這個

http://jobspark.ca/

#banner-tagline { 
color: #FFFFFF; 
font-size: 44px; 
position: relative; 
text-align: center; 
z-index: 4; 
top: 50%; 
font-family: proxima-nova !important; 
} 

更新 謝謝，但你能告訴我如何定位標語所以它的變化只是在事情手機視圖

Answer 1

添加CSS

line-height: 80px; 

您可以調整90px或100px以符合您的偏好。