如何在响应式网站中居中Logo

时间:2016-05-05 06:35:11

标签: html css centering responsive

如果您在Firefox中访问我们的网站HERE并以769宽度的响应模式查看,您会发现徽标并未真正居中于顶部。我想知道如何才能实现徽标的真正对中。你可以告诉它向右移动了一点。

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:0)

这是您的解决方案: 在(responsive.css)文件行号129替换此css,您的徽标将是中心。

.header > .logo {
left: 50%;
margin-left: -125px !important;
position: absolute;
top: 30px;
width: 100%;
z-index: 99;}

答案 1 :(得分:0)

将徽标图像设置为显示为块并应用自动边距。这允许您根据您的显示使用不同尺寸的徽标,徽标将始终位于中心。

使用此属性: {display:block;保证金:10px auto; }