响应式设计学习笔记

css媒体查询

根据不同的屏幕宽度设置不同的样式：

例子：

<style>
@media screen and (max-width:768px){
body{
background:red;
}
}
@media screen and (max-width:960px){
body{
background:green;
}
}
</style>

基本格式：

@media screen and (max-width:宽度){

css的样式

}

判断是否是竖屏然后获取不同的样式表

<link rel="stylesheet" media="screen and (orientation: portrait)" href="">