关于media queries如何工作呢?
在传统网页布局向移动版本网页布局转换中起着最重要的作用,他能针对不同设备屏幕查询使用不同的样式
要实现media queries样式模块,需要在head标签内导放一个css样式文件,例如
使用media属性定义当前屏幕可视区域的宽度最大值是600像素时应用样式文件
<link rel=”stylesheet” media=”screen and(max-width:600px)” href=”small.css”/>
在small.css样式文件内,需要定义media类型的样式,例如:
@media screen and (max-width:600px){
.demo{
background-color:#ccc;
}
}
media_type设备可用类型