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

时间:2013-06-05 03:37:28

标签: css mobile title

我正在尝试修复我的网站标语“你的不列颠哥伦比亚省......”,因为它不是垂直居中的,并且在移动设备(如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;
}

enter image description here

更新 谢谢你,但是你能告诉我如何定位标语,以便它只在移动视图中改变一些东西

1 个答案:

答案 0 :(得分:0)

添加CSS

line-height: 80px;

您可以调整90px100px以符合您的偏好。