超小设备（手机，小于 768px）,Bootstrap 中默认情况下没有媒体查询

1、 小型设备（平板电脑，768px 起）

@media (min-width: @screen-sm-min) { ... }

2、中型设备（台式电脑，992px 起）

 @media (min-width: @screen-md-min) { ... }

3、 大型设备（大台式电脑，1200px 起）

@media (min-width: @screen-lg-min) { ... }

bootstrap的分界点是 768px,992px,1200px;基本满足了需求，可以在开发中参考

@media only screen and (min-width: 500px) and (max-width: 844px) {
    /* 在屏幕宽度小于768px时应用的样式 */
}
@media only screen and (min-width: 320px) and (max-width:340px) {
    /* 在屏幕宽度小于768px时应用的样式 */
}
@media only screen and (min-width: 340px) and (max-width: 500px){
}