参考bootstrap，其实响应式就是不同分辨率覆盖样式
正常：
.a{width: 1000px...}
/* 宽屏电脑 */
@media (min-width: 1200px) {
.a{width: 1200px...}
}
/* 平板电脑和小屏电脑之间的分辨率的样式 */
@media (min-width: 768px) and (max-width: 999px){
.a{width: 800px...}
}
/* 横向放置的手机和竖直放置的平板之间分辨率的样式 */
@media (max-width: 767px) {
.a{width: 600px...}
}
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024