// 大型设备(大台式电脑,1200px 起) @media screen and (min-width:1200px) { //... } // 中型设备(台式电脑,992px 起) @media screen and (min-width:992px) and (max-width:1200px) { //... } // 小型设备(平板电脑,768px 起) @media screen and (min-width:768px) and (max-width:992px) { //... } // 超小设备(手机,小于 768px) @media screen and (max-width:768px) { //... }