`
zhangyaochun
  • 浏览: 2620308 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

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) 媒体特性(条件)
 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics