0

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

4

2 回答 2

0

只需在您的媒体查询中定义

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

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

于 2013-02-23T06:12:20.243 回答
0

虽然这不适用于较旧的浏览器，但可以解决问题：

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

这将仅在浏览器较小时强制宽度。

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

对于那些它不支持的人，它只是停留在左边，老实说这看起来并没有那么糟糕。（而且他们无论如何都应该升级。）

于 2013-02-21T02:57:06.177 回答