为什么在调整窗口大小时我的徽标不会调整？

Question

我使用http://www.Sg-layout.com提供的免费响应式模板。它看起来很棒，我正在完成但是当我调整页面大小超过776x796时，我发现徽标不会调整中心。它保持不变我已经尝试将宽度改为100％但这不是我想要完成的。我想保持当前位置只是在调整页面大小时调整徽标。这是我的网站http://www.newmeccarecords.com

Answer 1

虽然这对旧版浏览器不起作用，但这样做可以解决问题：

@media (max-width: 720px) { 
  #logo {
    width: 100%;
  }
}

仅在浏览器较小时才会强制显示宽度。

有关哪些浏览器支持它的详细信息：http://www.browsersupport.net/CSS/@media_(max-width)

对于那些不支持的人，它只是留在左边，老实说看起来并不那么糟糕。 （另外他们应该升级。）

Answer 2

只需在媒体查询中定义

即可

@media screen (min-width:320px) and (max-width:776px){
  width:100%;
  margin:0 auto;
}

它假设margin-left:auto;和margin-right:auto;它会跟随窗口调整自动边距大小并始终位于页面中间。