使用Twitter引導時在移動設備上調整徽標引導程序

Question

我在一個日誌大小爲320x150的網站上工作，並且在大於600px的分辨率上看起來非常好，但是如果它較低，則會開始堆疊。

如果瀏覽器的分辨率小於600像素，如何編輯引導程序以使用較小的徽標？

謝謝

Answer 1

閱讀媒體查詢。它們在Bootstrap中被大量使用，並且您只需要爲每個屏幕大小範圍指定所需的圖像。它看起來像這樣：

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