首页 > 代码库 > 媒体查询--实现多终端

媒体查询--实现多终端

<link href=http://www.mamicode.com/"StyleSheet2.css" rel="stylesheet" media="screen and (min-width: 1000px)" /> <link href=http://www.mamicode.com/"StyleSheet3.css" rel="stylesheet" media="screen and (max-width: 600px)" /> 

上面的标记告诉浏览器,如果媒体查询中指定的媒体属性计算为true则使用StyleSheet2.css。在这种情况下,媒体查询检查请求设备可视面积是否大于1000 px。

第二行的标记指定如果可视面积小于600 px,则应用StyleSheet3.css。

媒体查询--实现多终端