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

Question

如果您在 Firefox 中访问我们的网站 HERE 并以响应模式以 769 宽度查看，您会注意到徽标并没有真正居中于顶部。我想知道如何实现徽标的真正居中。你可以看出它向右移动了一点。

非常感谢任何帮助。

Answer 1

这是您的解决方案： 在 (responsive.css) 文件第 129 行中替换此 css 并且您的徽标将居中。

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

Answer 2

将徽标图像设置为显示为块并应用自动边距。这允许您根据显示器使用不同大小的徽标，并且徽标将始终居中。

使用这个 属性： { display:block;边距：10px 自动； }