媒体查询用于自动识别屏幕大小,从而自适应屏幕。换句话说,就是根据媒体查询的条件,当符合此条件时,就应用这个媒体查询下的属性,当不符合时就不应用,从而达到自适应的目的。有利于同一套代码去适应不同屏幕。
媒体查询也是存在优先级的,从上到下,下边的媒体查询优先级更高。
只允许最多添加12个媒体查询,其中大屏和小屏是必须的,也是固定,不可编辑的。
只允许增删和编辑媒体查询0~9。
最小宽指当屏幕大于等于对应值时则满足。
最大宽指当屏幕小于等于对应值时则满足。
取反值对当前的条件取反。
如:大屏为大于768px时应用。小屏为小于等于768时应用。