ipad 横屏 竖屏 CSS

 

/* iPads (landscape) ----------- */  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : landscape) {  
  /* Styles */  
}  
  
/* iPads (portrait) ----------- */  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : portrait) {  
  /* Styles */  
}