使用Twitter Bootstrap时,在手机上调整徽标大小

时间:2013-05-16 11:09:29

标签: twitter-bootstrap resize graphical-logo

我正在一个日志大小为320x150的网站上工作,并且在分辨率大于600px的情况下看起来非常好,但如果它更低,则会开始堆叠。

如果浏览器的分辨率小于600像素,如何编辑引导程序以使用较小的徽标?

谢谢

1 个答案:

答案 0 :(得分:2)

阅读媒体查询。它们在Bootstrap中被大量使用,您只需要为每个屏幕尺寸范围指定所需的图像。它看起来像这样:

@media screen and (max-width: 600px) {
  .logo {
    background: url(my-image.jpg);
  }
}