响应式设计学习笔记

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="">

 

转载于:https://my.oschina.net/yuanmuou/blog/747084