iPad-Specific CSS

修改一般的ipad屏幕布局

1. @media only screen and (device-width: 768px) {  
2.   /* For general iPad layouts */ 
3. }  
4.  
5. @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {  
6.   /* For portrait layouts only */ 
7. }  
8.  
9. @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {  
10.   /* For landscape layouts only */ 
11. }