媒体查询使用的注意事项

1、常用断点

@media (max-width: 767px) /* 手机 */

@media (min-width: 768px) /* 平板电脑 */

@media (min-width: 992px) /* 台式机 */

@media (min-width: 1200px) /* 大桌面台式机 */

2、使用的注意事项

媒体查询用max-width表示条件的时候，大的断点放上面。

反过来，用min-width表示条件的时候，小的断点放上面。