@charset "UTF-8";


/* 媒体查询Responsive */
$phone-device-width: 320px;             // iPhone宽度
$table-phone-width: 768px;          // table-phone宽度

@mixin respond( $pram1 : phone , $pram2:1 ) {
  @if $pram1 == table-phone{
      @media only screen and (max-width: $table-phone-width) {
        @content;
      }
  }
  @else if $pram1 == phone{
      @media only screen and (max-width: $phone-device-width) {
        @content;
      }
  }
  //横屏
  @else if $pram1 == landscape{
      @media only screen and (orientation :landscape) {
        @content;
      }
  }
  //竖屏
  @else if $pram1 == portrait{
      @media only screen and (orientation :portrait) {
        @content;
      }
  }
  @else if $pram2 == 1{
      @media only screen and (max-width: $pram1) {
        @content;
      }  
    }
  @else{
      @media only screen and (min-width: $pram1) and (max-width: $pram2) {
        @content;
      }  
    }
}

