Fatal编程技术网
  • responsive-design/
  • Responsive design 为什么调整窗口大小时我的徽标不会调整？

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

responsive-design

Responsive design 为什么调整窗口大小时我的徽标不会调整？,responsive-design,Responsive Design,我使用了由提供的免费响应模板。它看起来很棒，我正在完成，但是我注意到当我调整页面大小超过776x796时，徽标不会调整中心。它停留在左边，我已经尝试将宽度更改为100%，但这不是我想要实现的。我想保持目前的位置只是有标志调整页面大小时。这是我的网站虽然这对较旧的浏览器不起作用，但可以做到： @media (max-width: 720px) { #logo { width: 100%; } } 这将仅在浏览器较小时强制宽度 有关哪些浏览器支持它的详细信息： 对于那些它不支持的

我使用了由提供的免费响应模板。它看起来很棒，我正在完成，但是我注意到当我调整页面大小超过776x796时，徽标不会调整中心。它停留在左边，我已经尝试将宽度更改为100%，但这不是我想要实现的。我想保持目前的位置只是有标志调整页面大小时。这是我的网站

虽然这对较旧的浏览器不起作用，但可以做到：

@media (max-width: 720px) { 
  #logo {
    width: 100%;
  }
}
这将仅在浏览器较小时强制宽度

有关哪些浏览器支持它的详细信息：

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

只需在媒体查询中定义即可

@media screen (min-width:320px) and (max-width:776px){
  width:100%;
  margin:0 auto;
}
它假设
左边距：auto和
右边距：自动它将跟随窗口调整自动边距并一直在页面中间。谢谢你，但是我现在在页面右边有一个小的空白1/8，当屏幕经过断点时，奇怪的是，我并没有在我的Chrome浏览器上看到这种现象。所以我帮不上什么忙。我知道你说过它不能在所有浏览器中工作。我正在使用Firefox和firebug的更新版本。我在safari的iPhone上看到了它。我也试着给它一个没有运气的负面空白。你能发布一个截图供审查吗？点击最后评论中截图的链接