css3的media-queries

前言：

 

本文主要简单收录一下media-queries相关的知识！

 

------------ 本文内容部分来自互联网，感谢原作者，做个人学习用！

 

正文：

 

 

<link rel="stylesheet" media="screen and (max-width: 600px)" href="small_600.css" />

 

-------------  当页面<= 600px的时候，引入small_600.css

 

 

等价于下面这段css:

 

 

@media screen and (max-width:600px){
body{font-size:30px;background:red;}
}

 

 

 

 

 

media有里面的东东来解释一下

 

• screen 是一种媒体类型
• and 是关键字
• (max-width:600px) 媒体特性（条件）