cssクロススクリーン問題の設定

//  
//  

@media only screen and (max-device-width: 1024px) and (orientation:portrait) {  
.landscape { display: none; }  
}  
@media only screen and (max-device-width: 1024px) and (orientation:landscape) {  
.portrait { display: none; }  
}  
  
/* iPads (portrait and landscape) ----------- */  
@media only screen  
and (min-device-width : 768px)  
and (max-device-width : 1024px) {  
/* Styles */  
}  
  
/* 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 */  
}