媒體查詢

/媒體查詢,參考部分Bootstrap 框架/
/當頁面大於1200px 時,大屏幕,主要是PC 端/
@media (min-width: 1200px) {

}
/在992 和1199 像素之間的屏幕裏,中等屏幕,分辨率低的PC/
@media (min-width: 992px) and (max-width: 1199px) {

}
/在768 和991 像素之間的屏幕裏,小屏幕,主要是PAD/
@media (min-width: 768px) and (max-width: 991px) {

}
/在480 和767 像素之間的屏幕裏,超小屏幕,主要是手機/
@media (min-width: 480px) and (max-width: 767px) {

}
/在小於480 像素的屏幕,微小屏幕,更低分辨率的手機/
@media (max-width: 479px) {

}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章