前言:
本文主要简单收录一下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) 媒体特性(条件)