Logo
小庄建站
Web-XZ
序言
基础
项目-动画
项目-字体
项目-映射
页面主体
浮动
弹性
网格
表格
图片
文本
播放器
链接
菜单
表单
列表
文章
语种选择
地图块
媒体查询
媒体查询用于自动识别屏幕大小,从而自适应屏幕。换句话说,就是根据媒体查询的条件,当符合此条件时,就应用这个媒体查询下的属性,当不符合时就不应用,从而达到自适应的目的。有利于同一套代码去适应不同屏幕。
媒体查询也是存在优先级的,从上到下,下边的媒体查询优先级更高。
只允许最多添加12个媒体查询,其中大屏和小屏是必须的,也是固定,不可编辑的。
只允许增删和编辑媒体查询0~9。
最小宽指当屏幕大于等于对应值时则满足。
最大宽指当屏幕小于等于对应值时则满足。
取反值对当前的条件取反。
如:大屏为大于768px时应用。小屏为小于等于768时应用。