twitter-bootstrap - 使用 Twitter Bootstrap 时在移动设备上调整徽标大小

Question

我正在开发一个日志大小为 320x150 的网站，并且在大于 600 像素的分辨率上看起来非常好，但如果它较低，它就会开始堆积。

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

谢谢

Answer 1

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

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