/* Custom, iPhone Retina */
@media>(min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media>(min-width : 480px) {
}

/* Small Devices, Tablets */
@media>(min-width : 768px) {
}

/* Medium Devices, Desktops */
@media>(min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media>(min-width : 1200px) {
}

把要適配的樣式寫在里面，可以適配手機、電腦、平板等設(shè)備
例：
在線考試 --題目列出
電腦端

手機端

成功了！！