移动设备样式之媒体查询HTML5<二>

关于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设备可用类型