开发中使用媒体查询开始不清楚该用什么像素值做区分,后来找了Bootstrap的媒体查询划分参考,记录一下。
/* 参考自Bootstrap */
/* 超小屏幕(手机,小于 768px) */
@media (max-width: 768px) { ... }
/* 小屏幕(平板,大于等于 768px) */
@media (min-width: 768px) { ... }
/* 中等屏幕(桌面显示器,大于等于 992px) */
@media (min-width: 992px) { ... }
/* 大屏幕(大桌面显示器,大于等于 1200px) */
@media (min-width: 1200px) { ... }