1. 程式人生 > >bootstrap 媒體查詢

bootstrap 媒體查詢

Bootstrap主要用到min-width、max-width,以及and語法,用於在不同的解析度下設定不同的CSS樣式。示例如下:

@media (max-width: 767px) {  
    /*在小於768畫素的螢幕裡,這裡的樣式才生效*/  
}  
@media (min-width: 768px) and (max-width: 991px) {  
    /*在768和991畫素之間的螢幕裡,這裡的樣式才生效*/  
}  
@media (min-width: 992px) and (max-width: 1199px) {  
    /*在992和1199畫素之間的螢幕裡,這裡的樣式才生效*/
} @media (min-width: 1200px) { /*在大於1200畫素的螢幕裡,這裡的樣式才生效*/ }