在移动设备上查看时，网站标语出现问题

Question

我正在尝试修复我的网站标语“你的不列颠哥伦比亚省......”，因为它不是垂直居中的，并且在移动设备（如iphone）上观看时字母间距不正确。 以下是我目前的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以符合您的偏好。